@devopness/ui-react 2.183.0 → 2.184.1

package/dist/src/components/Buttons/Button/Button.d.ts

@@ -52,6 +52,8 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
      */
     typeSize?: 'default' | 'medium' | 'auto';
 };
+type IconProps = Pick<ButtonProps, 'loading' | 'icon' | 'iconSize' | 'buttonType' | 'iconColor'>;
+declare const Icon: ({ loading: isLoading, icon, iconSize, buttonType, iconColor, }: IconProps) => import("react/jsx-runtime").JSX.Element;
 /** Primary UI component for user interaction */
 declare const Button: ({ backgroundColor, borderColor, buttonType, children, color, disabled, icon, iconColor, iconSize, loading: isLoading, noIconMargin, noMargin, noPadding, noPointerEvents, revertOrientation, tabIndex, type, typeSize, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export type { ButtonProps };

package/dist/src/components/Forms/Alert/Alert.d.ts

@@ -34,5 +34,5 @@ type AlertProps = {
  * ```
  */
 declare const Alert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
-export type { AlertProps };
 export { Alert };
+export type { AlertProps };

package/dist/src/components/Forms/Alert/Alert.styled.d.ts

@@ -1,12 +1,13 @@
-import { AlertProps } from './Alert';
 type StyledProps = {
     type: string;
 };
-declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<AlertProps, "noPadding">>> & string;
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $noPadding?: boolean;
+}>> & string;
 declare const StyledContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
 declare const StyledIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
 declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
-    fullWidth?: boolean;
+    $fullWidth?: boolean;
 }>> & string;
 declare const LabelContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export { Wrapper, StyledContent, StyledIcon, StyledLabel, LabelContentWrapper };
+export { LabelContentWrapper, StyledContent, StyledIcon, StyledLabel, Wrapper };

package/dist/src/components/Forms/Container/Container.styled.d.ts

@@ -1,5 +1,8 @@
 import { ContainerProps } from './Container';
-type StyledProps = Pick<ContainerProps, 'shouldRemoveTopMargin' | 'styles'>;
+type StyledProps = {
+    $shouldRemoveTopMargin?: boolean;
+    styles?: ContainerProps['styles'];
+};
 declare const ContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
 declare const WrapperContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, StyledProps>> & string;
 export { ContainerStyled, WrapperContent };

package/dist/src/components/Forms/DynamicField/DynamicField.d.ts

@@ -0,0 +1,74 @@
+import { RefObject } from 'react';
+/**
+ * Supported field types for the DynamicField component.
+ * - `text`: Multi-line text area
+ * - `string`: Single-line text input
+ * - `number`: Numeric input
+ * - `boolean`: Boolean select (Yes/No)
+ */
+type FieldTypes = 'text' | 'boolean' | 'number' | 'string';
+/**
+ * Optional label configuration for a field.
+ */
+type LabelProps = {
+    /** Field label text */
+    value: string;
+    /** Whether to show a help tooltip */
+    help?: boolean;
+    /** Help text content */
+    helpValue?: string;
+};
+/**
+ * External control props for managing field state.
+ * Uses `any` types to remain agnostic to form libraries (e.g. React Hook Form, Formik, etc.)
+ * and support different input types (Input, TextArea, Select) with varying event signatures.
+ */
+type ExternalControlProps = {
+    value?: any;
+    onChange?: (...args: any[]) => void;
+    onBlur?: () => void;
+};
+/**
+ * Props for the `DynamicField` component.
+ */
+type DynamicFieldProps = {
+    /** Field name */
+    name: string;
+    /** Whether the field contains sensitive data (e.g. password) */
+    sensitive?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Validation configuration for the field */
+    validation: {
+        type: FieldTypes;
+        required?: boolean;
+        min: number;
+        max: number;
+    };
+    /** Field validation error */
+    error?: {
+        message: string;
+    } | null;
+    /** Optional label configuration */
+    labelProps?: LabelProps;
+    /** Element reference */
+    inputRef?: RefObject<HTMLInputElement> | RefObject<HTMLTextAreaElement> | RefObject<HTMLSelectElement> | ((instance: HTMLTextAreaElement | HTMLInputElement | HTMLSelectElement | null) => void);
+} & ExternalControlProps;
+/**
+ * `DynamicField` is a flexible component that dynamically renders
+ * different input types (`Input`, `TextArea`, `Select`) based on the given configuration.
+ *
+ * @example
+ * ```tsx
+ * <DynamicField
+ *   name="age"
+ *   value={age}
+ *   onChange={setAge}
+ *   validation={{ type: 'number', min: 0, max: 100 }}
+ *   labelProps={{ value: 'Age' }}
+ * />
+ * ```
+ */
+declare const DynamicField: ({ name, sensitive, placeholder, error, labelProps, inputRef, validation: { type }, ...props }: DynamicFieldProps) => import("react/jsx-runtime").JSX.Element;
+export { DynamicField };
+export type { DynamicFieldProps };

package/dist/src/components/Forms/DynamicField/index.d.ts

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

package/dist/src/components/Forms/FormText/FormText.styled.d.ts

@@ -2,7 +2,7 @@ declare const Wrapper: import('styled-components/dist/types').IStyledComponentBa
 declare const Line: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
 type ParagraphProps = {
-    subtitleColor?: string;
+    $subtitleColor?: string;
 };
 declare const Paragraph: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, ParagraphProps>> & string;
-export { Wrapper, Line, Title, Paragraph };
+export { Line, Paragraph, Title, Wrapper };

package/dist/src/components/Forms/Input/Input.d.ts

@@ -28,6 +28,8 @@ type SharedProps = React.InputHTMLAttributes<HTMLInputElement> & {
     icon?: React.ReactNode;
     /** Position of the icon inside the input */
     iconPosition?: 'left' | 'right';
+    /** Removes increment/decrement arrows from number inputs */
+    removeArrows?: boolean;
 };
 type InputProps = (SharedProps & {
     /** HTML input type (text, number, email, etc.) */
@@ -35,8 +37,6 @@ type InputProps = (SharedProps & {
 }) | (SharedProps & {
     /** HTML input type (text, number, email, etc.) */
     type: 'number';
-    /** Removes increment/decrement arrows from number inputs */
-    removeArrows?: boolean;
 });
 /**
  * Allows users to enter and edit text
@@ -92,6 +92,8 @@ declare const Input: import('react').ForwardRefExoticComponent<(Omit<import('rea
     icon?: React.ReactNode;
     /** Position of the icon inside the input */
     iconPosition?: "left" | "right";
+    /** Removes increment/decrement arrows from number inputs */
+    removeArrows?: boolean;
 } & {
     /** HTML input type (text, number, email, etc.) */
     type: Exclude<React.HTMLInputTypeAttribute, "number">;
@@ -123,11 +125,11 @@ declare const Input: import('react').ForwardRefExoticComponent<(Omit<import('rea
     icon?: React.ReactNode;
     /** Position of the icon inside the input */
     iconPosition?: "left" | "right";
+    /** Removes increment/decrement arrows from number inputs */
+    removeArrows?: boolean;
 } & {
     /** HTML input type (text, number, email, etc.) */
     type: "number";
-    /** Removes increment/decrement arrows from number inputs */
-    removeArrows?: boolean;
 }, "ref">) & import('react').RefAttributes<HTMLInputElement>>;
-export type { InputProps };
 export { Input };
+export type { InputProps };

package/dist/src/components/Forms/Input/Input.styled.d.ts

@@ -1,31 +1,32 @@
-import { InputProps } from './Input';
-type IconPositionProps = Pick<InputProps, 'iconPosition'>;
+type IconPositionProps = {
+    $iconPosition?: 'left' | 'right';
+};
 type WrapperProps = {
-    disabled?: boolean;
-    readOnly?: boolean;
-    error?: boolean;
+    $disabled?: boolean;
+    $readOnly?: boolean;
+    $error?: boolean;
 };
 type InputTextProps = {
-    disabled?: boolean;
-    hasError?: boolean;
+    $disabled?: boolean;
+    $hasError?: boolean;
     type: string;
-    removeArrows?: boolean;
-    publicStyle?: {
+    $removeArrows?: boolean;
+    $publicStyle?: {
         fontStyleValue?: string;
         fontStylePlaceholder?: string;
     };
-    readOnly?: boolean;
-    hasIcon?: boolean;
-    iconPosition?: 'left' | 'right';
+    $readOnly?: boolean;
+    $hasIcon?: boolean;
+    $iconPosition?: 'left' | 'right';
 };
 type InputWrapperProps = {
-    hasError?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
+    $hasError?: boolean;
+    $disabled?: boolean;
+    $readOnly?: boolean;
 };
 declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const InputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputWrapperProps>> & string;
 declare const InputText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, InputTextProps>> & string;
 declare const Icon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IconPositionProps>> & string;
 declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps>> & string;
-export { Container, InputWrapper, InputText, Icon, Wrapper };
+export { Container, Icon, InputText, InputWrapper, Wrapper };

package/dist/src/components/Forms/Select/CustomComponents/DrodpdownIndicator.d.ts

@@ -0,0 +1,4 @@
+import { OptionProps as OptionReactSelectProps, GroupBase } from 'react-select';
+import { OptionProps } from '../index';
+declare const DropdownIndicator: (args: OptionReactSelectProps<OptionProps, boolean, GroupBase<OptionProps>>) => import("react/jsx-runtime").JSX.Element;
+export { DropdownIndicator };

package/dist/src/components/Forms/Select/CustomComponents/LoadingMessage.d.ts

@@ -0,0 +1,2 @@
+declare const LoadingMessage: () => import("react/jsx-runtime").JSX.Element;
+export { LoadingMessage };

package/dist/src/components/Forms/Select/CustomComponents/NoOptionsMessage.d.ts

@@ -0,0 +1,10 @@
+type NoOptionsMessageProps = {
+    selectProps: {
+        inputValue?: string;
+        noOptionsMessage?: string | ((obj: {
+            inputValue: string;
+        }) => React.ReactNode);
+    };
+};
+declare const NoOptionsMessage: ({ selectProps }: NoOptionsMessageProps) => import("react/jsx-runtime").JSX.Element;
+export { NoOptionsMessage };

package/dist/src/components/Forms/Select/CustomComponents/Option.d.ts

@@ -0,0 +1,14 @@
+import { OptionProps as OptionReactSelectProps, GroupBase } from 'react-select';
+import { OptionProps } from '../index';
+import { Icon } from '../../../../icons';
+type OptionConfigurationProps = {
+    iconName?: Icon | Omit<string, Icon>;
+    option: string;
+    iconSize?: number;
+};
+type OptionBodyProps = {
+    optionConfiguration: OptionConfigurationProps;
+};
+declare const OptionBody: ({ optionConfiguration }: OptionBodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const memoizedOption: import('react').MemoExoticComponent<({ data, ...args }: OptionReactSelectProps<OptionProps, boolean, GroupBase<OptionProps>>) => import("react/jsx-runtime").JSX.Element>;
+export { memoizedOption as Option, OptionBody };

package/dist/src/components/Forms/Select/CustomComponents/Placeholder.d.ts

@@ -0,0 +1,4 @@
+import { PlaceholderProps, GroupBase } from 'react-select';
+import { OptionProps } from '../index';
+declare const Placeholder: (args: PlaceholderProps<OptionProps, boolean, GroupBase<OptionProps>>) => import("react/jsx-runtime").JSX.Element;
+export { Placeholder };

package/dist/src/components/Forms/Select/CustomComponents/SingleValue.d.ts

@@ -0,0 +1,4 @@
+import { GroupBase, SingleValueProps } from 'react-select';
+import { OptionProps } from '../index';
+declare const memoizedSingleOption: import('react').MemoExoticComponent<({ data, }: SingleValueProps<OptionProps, boolean, GroupBase<OptionProps>>) => import("react/jsx-runtime").JSX.Element>;
+export { memoizedSingleOption as SingleValue };

package/dist/src/components/Forms/Select/CustomComponents/index.d.ts

@@ -0,0 +1,6 @@
+export * from './DrodpdownIndicator';
+export * from './NoOptionsMessage';
+export * from './Placeholder';
+export * from './SingleValue';
+export * from './LoadingMessage';
+export * from './Option';

package/dist/src/components/Forms/Select/CustomComponents/styled.d.ts

@@ -0,0 +1,11 @@
+type OptionProps = {
+    isOptionSelected?: boolean;
+    isCreateLink?: boolean;
+};
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const BoxLoader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const NoOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const OptionSelectedWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const OptionWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OptionProps>> & string;
+declare const OptionLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export { BoxLoader, NoOption, OptionLabel, OptionSelectedWrapper, OptionWrapper, Wrapper, };

package/dist/src/components/Forms/Select/Select.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+import { Props as SelectPropsBase, GroupBase } from 'react-select';
+import { ErrorMessage } from '../../Primitives';
+import { Icon } from '../../../icons';
+/** Option type for the Select component. */
+type OptionProps<T = unknown> = {
+    icon?: Icon | Omit<string, Icon>;
+    iconSize?: number;
+    value: T;
+    label: string;
+    isCreateLink?: boolean;
+};
+/**
+ * Props for the Select component.
+ */
+type SelectProps<TOption> = Omit<SelectPropsBase<OptionProps<TOption>, boolean, GroupBase<OptionProps<TOption>>>, 'noOptionsMessage'> & Pick<Parameters<typeof ErrorMessage>[0], 'error'> & {
+    /** Ref to the underlying input element (may be callback inputRef or object ref) */
+    inputRef?: React.RefObject<HTMLSelectElement>;
+    /** Options available in the dropdown */
+    options: OptionProps<TOption>[];
+    /** Public style overrides for placeholder and value */
+    publicStyle?: {
+        fontStyleValue?: string;
+        fontStylePlaceholder?: string;
+    };
+    /** If true, disables interactions and search */
+    isReadOnly?: boolean;
+    /** Whether the user can add custom options */
+    isCreatable?: boolean;
+    /** Text to display when there are no options */
+    noOptionsMessage?: string | ((obj: {
+        inputValue: string;
+    }) => React.ReactNode);
+    /** Format the label for create option */
+    formatCreateLabel?: (inputValue: string) => string;
+    /** Handle create option */
+    onCreateOption?: (inputValue: string) => void;
+    /** Class name to be applied to the select container */
+    className?: string;
+};
+declare const memoizedSelect: <TOption>({ inputRef, error, isReadOnly, defaultValue, options, menuIsOpen, placeholder, isCreatable, noOptionsMessage, className, ...restProps }: SelectProps<TOption>) => import("react/jsx-runtime").JSX.Element;
+export { memoizedSelect as Select };
+export type { OptionProps, SelectProps };

package/dist/src/components/Forms/Select/Select.styled.d.ts

@@ -0,0 +1,6 @@
+import { default as Select } from 'react-select';
+import { default as CreatableSelect } from 'react-select/creatable';
+declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const ReactSelect: typeof Select;
+declare const ReactCreatableSelect: typeof CreatableSelect;
+export { Container, ReactSelect, ReactCreatableSelect };

package/dist/src/components/Forms/Select/index.d.ts

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

package/dist/src/components/Forms/TextArea/TextArea.d.ts

@@ -1,4 +1,4 @@
-import { TextareaHTMLAttributes, RefObject } from 'react';
+import { RefObject, TextareaHTMLAttributes } from 'react';
 import { LabelProps } from '../../Primitives';
 /**
  * Props for the TextArea component.

package/dist/src/components/Forms/TextArea/TextArea.styled.d.ts

@@ -1,8 +1,8 @@
 type PropsStyled = {
-    hasError?: boolean;
-    noResize?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
+    $hasError?: boolean;
+    $noResize?: boolean;
+    $disabled?: boolean;
+    $readOnly?: boolean;
 };
 declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const StyledTextarea: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, PropsStyled>> & string;

package/dist/src/components/Forms/index.d.ts

@@ -7,3 +7,5 @@ export * from './FormLoading';
 export * from './TextArea';
 export * from './Autocomplete';
 export * from './RadioSelectCards';
+export * from './Select';
+export * from './DynamicField';

package/dist/src/components/Primitives/Cover/Cover.styled.d.ts

@@ -1,6 +1,6 @@
 import { Color } from '../../../colors';
 type StyledCoverProps = {
-    backgroundColor: Color;
+    $backgroundColor: Color;
 };
 export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCoverProps>> & string;
 export {};

package/dist/src/components/Primitives/EmptyData/EmptyData.styled.d.ts

@@ -1,8 +1,8 @@
 type ImgContainerProps = {
-    isSmallContainer: boolean;
+    $isSmallContainer: boolean;
 };
 declare const ImgContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ImgContainerProps>> & string;
 declare const Img: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
 declare const EmptyDataContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const EmptyDataText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export { EmptyDataContainer, EmptyDataText, ImgContainer, Img };
+export { EmptyDataContainer, EmptyDataText, Img, ImgContainer };

package/dist/src/components/Primitives/FlexContainer/FlexContainer.d.ts

@@ -24,6 +24,6 @@ type FlexContainerProps = {
  * </FlexContainer>
  * ```
  */
-declare const FlexContainer: ({ children, ...props }: FlexContainerProps) => import("react/jsx-runtime").JSX.Element;
-export type { FlexContainerProps };
+declare const FlexContainer: ({ children, direction, align, wrap, gap, justify, }: FlexContainerProps) => import("react/jsx-runtime").JSX.Element;
 export { FlexContainer };
+export type { FlexContainerProps };

package/dist/src/components/Primitives/FlexContainer/FlexContainer.styled.d.ts

@@ -1,3 +1,9 @@
-import { FlexContainerProps } from './FlexContainer';
-declare const FlexContainerWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexContainerProps>> & string;
+type FlexStyledProps = {
+    $direction?: 'row' | 'column';
+    $justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    $align?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+    $wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    $gap?: string;
+};
+declare const FlexContainerWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexStyledProps>> & string;
 export { FlexContainerWrapper };

package/dist/src/components/Primitives/LoadStarship/LoadStarship.styled.d.ts

@@ -1,5 +1,5 @@
 type ContainerProps = {
-    isFullContainer?: boolean;
+    $isFullContainer?: boolean;
 };
 declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
 declare const Gif: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;

package/dist/src/components/Primitives/Loader/Loader.styled.d.ts

@@ -1,9 +1,9 @@
 type ContainerCometSpinLoaderProps = {
-    paddingTop?: string;
+    $paddingTop?: string;
 };
 type LoaderContainerProps = {
-    paddingTop?: string;
-    isAlignLeft?: boolean;
+    $paddingTop?: string;
+    $isAlignLeft?: boolean;
 };
 declare const PageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const ContainerCometSpinLoader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerCometSpinLoaderProps>> & string;
@@ -22,4 +22,4 @@ declare const PageLoader: import('styled-components/dist/types').IStyledComponen
 }) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 declare const BarLoader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('./ReactSpinners.type').ReactSpinnersProps, never>> & string & Omit<(props: import('./ReactSpinners.type').ReactSpinnersProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 declare const RingLoader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('./ReactSpinners.type').ReactSpinnersProps, never>> & string & Omit<({ color, ...restProps }: import('./ReactSpinners.type').ReactSpinnersProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
-export { BarLoader, PageLoader, CircleLoader, LoaderContainer, RingLoader, PageContainer, ContainerCometSpinLoader, };
+export { BarLoader, CircleLoader, ContainerCometSpinLoader, LoaderContainer, PageContainer, PageLoader, RingLoader, };

package/dist/src/components/Primitives/Pagination/Pagination.styled.d.ts

@@ -1,5 +1,5 @@
 type PaginationContentProps = {
-    hideFirstAndLastButton: boolean;
+    $hideFirstAndLastButton: boolean;
 };
 declare const ContainerPagination: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const PaginationContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PaginationContentProps>> & string;

package/dist/src/components/Primitives/Popover/Popover.styled.d.ts

@@ -1,10 +1,10 @@
 import { Popover } from '@mui/material';
 declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@mui/material').PopoverProps, never>> & string & Omit<typeof Popover, keyof import('react').Component<any, {}, any>>;
 declare const Header: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    justifyContent: "space-between" | "end";
+    $justifyContent: "space-between" | "end";
 }>> & string;
 declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 declare const Footer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    justifyContent: "space-between" | "end";
+    $justifyContent: "space-between" | "end";
 }>> & string;
-export { Container, Header, Title, Footer };
+export { Container, Footer, Header, Title };

package/dist/src/components/Primitives/Review/Review.d.ts

@@ -42,5 +42,5 @@ type ReviewProps = {
  * ```
  */
 declare const Review: ({ content, icon, iconBackgroundColor, iconColor, iconSize, isBoldFontWeight, prefix, backgroundColor, hasPrefixMargin, isIconAfterLabel, }: ReviewProps) => import("react/jsx-runtime").JSX.Element;
-export type { ReviewProps };
 export { Review };
+export type { ReviewProps };

package/dist/src/components/Primitives/Review/Review.styled.d.ts

@@ -1,24 +1,24 @@
 type DetailContentValueProps = {
-    isBoldFontWeight?: boolean;
+    $isBoldFontWeight?: boolean;
 };
 type DetailContentInformationProps = {
-    noIcon?: boolean;
-    isIconAfterLabel?: boolean;
-    backgroundColor?: string;
+    $noIcon?: boolean;
+    $isIconAfterLabel?: boolean;
+    $backgroundColor?: string;
 };
 type ContentDetailProps = {
     type?: 'default' | 'warning';
 };
 type StyledProps = {
-    backgroundColor?: string;
+    $backgroundColor?: string;
     color?: string;
 };
 declare const DetailContentInformation: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, DetailContentInformationProps>> & string;
 declare const DetailContentValue: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, DetailContentValueProps>> & string;
 declare const PrefixWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    showMarginRight?: boolean;
+    $showMarginRight?: boolean;
 }>> & string;
 declare const ContentIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
 declare const ContentDetail: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, ContentDetailProps>> & string;
-export type { DetailContentInformationProps, DetailContentValueProps, ContentDetailProps, };
-export { DetailContentInformation, DetailContentValue, PrefixWrapper, ContentIcon, ContentDetail, };
+export { ContentDetail, ContentIcon, DetailContentInformation, DetailContentValue, PrefixWrapper, };
+export type { ContentDetailProps, DetailContentInformationProps, DetailContentValueProps, };

package/dist/src/components/Primitives/Skeleton/Skeleton.styled.d.ts

@@ -1,9 +1,9 @@
-type SkeletonProps = {
-    widthPercent?: number;
-    heightPercent?: number;
-    width?: number;
-    height?: number;
-    borderRadius?: number;
+type TransientSkeletonProps = {
+    $widthPercent?: number;
+    $heightPercent?: number;
+    $width?: number;
+    $height?: number;
+    $borderRadius?: number;
 };
-declare const SkeletonEffect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonProps>> & string;
+declare const SkeletonEffect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TransientSkeletonProps>> & string;
 export { SkeletonEffect };