oziko-ui-kit 0.0.7 → 0.0.9

package/dist/components/atoms/bucket-schema-item/BucketSchemaItem.d.ts

@@ -0,0 +1,17 @@
+import { TypeInputType } from "../../../custom-hooks/useInputRepresenter";
+import React from "react";
+import { TypeFluidContainer } from "../fluid-container/FluidContainer";
+type TypeBucketSchemaItem = {
+    label?: string;
+    type?: TypeInputType | "id";
+    addIcon?: boolean;
+    addOnClick?: () => void;
+    editIcon?: boolean;
+    editOnClick?: () => void;
+    deleteIcon?: boolean;
+    deleteOnClick?: () => void;
+    itemDepth?: number;
+    options?: Record<string, any>;
+} & TypeFluidContainer;
+declare const _default: React.NamedExoticComponent<TypeBucketSchemaItem>;
+export default _default;

package/dist/components/atoms/bucket-schema-list/BucketSchemaList.d.ts

@@ -0,0 +1,19 @@
+import { TypeInputType } from "../../../custom-hooks/useInputRepresenter";
+import React from "react";
+type TypeSchema = {
+    type: TypeInputType;
+    title: string;
+    properties?: Record<string, TypeSchema>;
+    description?: string;
+    minimum?: number;
+    maximum?: number;
+    items?: TypeSchema;
+    default?: any;
+    options?: Record<string, any>;
+};
+type TypeBucketSchemaList = {
+    schema?: Record<string, TypeSchema>;
+    itemDepth?: number;
+};
+declare const _default: React.NamedExoticComponent<TypeBucketSchemaList>;
+export default _default;

package/dist/components/atoms/checkbox/Checkbox.d.ts

@@ -15,5 +15,5 @@ declare const _default: React.NamedExoticComponent<TypeCheckbox & {
     mode?: "hug" | "fill" | "middle";
 } & {
     ref?: React.RefObject<HTMLDivElement | null>;
-} & import("../../../utils/interface").TypeFlexContainer & import("../../../utils/interface").TypeFlexDimension & Omit<React.HTMLAttributes<HTMLDivElement>, "prefix" | "onChange">>;
+} & import("../../../utils/interface").TypeFlexContainer & import("../../../utils/interface").TypeFlexDimension & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "prefix">>;
 export default _default;

package/dist/components/atoms/color/Color.d.ts

@@ -1,4 +1,4 @@
-import { TypeFlexElement } from "../../../components/atoms/flex-element/FlexElement";
+import { TypeFlexElement } from "../flex-element/FlexElement";
 type TypeColor = {
     value: string;
     prefixProps?: TypeFlexElement;
@@ -12,5 +12,5 @@ declare const _default: import("react").NamedExoticComponent<TypeColor & {
     mode?: "hug" | "fill" | "middle";
 } & {
     ref?: import("react").RefObject<HTMLDivElement | null>;
-} & import("../../../utils/interface").TypeFlexContainer & import("../../../utils/interface").TypeFlexDimension & Omit<import("react").HTMLAttributes<HTMLDivElement>, "prefix" | "onChange">>;
+} & import("../../../utils/interface").TypeFlexContainer & import("../../../utils/interface").TypeFlexDimension & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "prefix">>;
 export default _default;

package/dist/components/atoms/inputs/minimized/array/Array.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { TypeFlexElement } from "../../../../../components/atoms/flex-element/FlexElement";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { TypeArrayItems, TypeValueType } from "../../../../../custom-hooks/useInputRepresenter";
 type TypeMinimizedArrayInput = {
     propertyKey: string;

package/dist/components/atoms/inputs/minimized/boolean/Boolean.d.ts

@@ -1,4 +1,4 @@
-import { TypeFlexElement } from "../../../../../components/atoms/flex-element/FlexElement";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
 export type TypeInputBooleanMinimized = {
     checked: boolean;
     disabled?: boolean;

package/dist/components/atoms/inputs/minimized/color/ColorMinimized.d.ts

@@ -1,4 +1,4 @@
-import { TypeFluidContainer } from "components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
 import { FC } from "react";
 type TypeColorMinimized = {
     value?: string;

package/dist/components/atoms/inputs/minimized/date/Date.d.ts

@@ -1,4 +1,4 @@
-import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 type DateInputProps = {
     onChange?: (value: Date) => void;
     value?: Date | string | null;

package/dist/components/atoms/inputs/minimized/location/Location.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
-import { TypeFlexElement } from "../../../../../components/atoms/flex-element/FlexElement";
-import { TypeMapProps } from "../../../../../components/atoms/map/Map";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
+import { TypeMapProps } from "../../../map/Map";
 type TypeMinimizedLocationInput = TypeFlexElement & {
     contentProps?: TypeFlexElement;
     mapProps?: TypeMapProps;

package/dist/components/atoms/inputs/minimized/multi-selection/MultiSelection.d.ts

@@ -1,6 +1,6 @@
-import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
-import { TypeSelect, TypeValue } from "../../../../../components/molecules/select/Select";
-import { TypeLabeledValue } from "../../../../../components/atoms/select-option/SelectOption";
+import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
+import { TypeSelect, TypeValue } from "../../../../molecules/select/Select";
+import { TypeLabeledValue } from "../../../select-option/SelectOption";
 type TypeMultiSelectionInput = {
     options?: (string | number | TypeLabeledValue)[];
     onChange?: (value: TypeValue) => void;

package/dist/components/atoms/inputs/minimized/number/NumberMinimized.d.ts

@@ -1,4 +1,4 @@
-import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 import React from "react";
 type TypeStringMinimized = {
     onClear?: () => void;

package/dist/components/atoms/inputs/minimized/object/Object.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { TypeFlexElement } from "../../../../../components/atoms/flex-element/FlexElement";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { TypeProperties, TypeRepresenterValue } from "../../../../../custom-hooks/useInputRepresenter";
 type TypeMinimizedObjectInput = {
     value?: TypeRepresenterValue;

package/dist/components/atoms/inputs/minimized/rich-text/RichText.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { TypeFlexElement } from "../../../../../components/atoms/flex-element/FlexElement";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
 type TypeRichTextMinimized = {
     value?: string;
     richTextProps?: TypeFlexElement;

package/dist/components/atoms/inputs/minimized/storage/StorageMinimized.d.ts

@@ -1,6 +1,6 @@
-import { TypeFluidContainer } from "components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
 import { FC } from "react";
-import { TypeFile } from "utils/interface";
+import { TypeFile } from "../../../../../utils/interface";
 type TypeStorageMinimized = {
     file?: TypeFile;
     placeholder?: string;

package/dist/components/atoms/inputs/minimized/string/StringMinimized.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 type TypeStringMinimized = {
     onClear?: () => void;
     value?: string;

package/dist/components/atoms/inputs/minimized/text-area/TextArea.d.ts

@@ -1,4 +1,4 @@
-import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 type MinimizedTextAreaProps = {
     value?: string;
     onClear?: () => void;

package/dist/components/atoms/inputs/normal/array/ArrayInput.d.ts

@@ -1,5 +1,5 @@
-import { TypeText } from "../../../../../components/atoms/text/Text";
-import { TypeFlexElement } from "../../../../../components/atoms/flex-element/FlexElement";
+import { TypeText } from "../../../text/Text";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { TypeArrayItems, TypeValueType } from "../../../../../custom-hooks/useInputRepresenter";
 type TypeArrayInput = {
     value?: TypeValueType[];

package/dist/components/atoms/inputs/normal/boolean/Boolean.d.ts

@@ -1,6 +1,6 @@
-import { TypeText } from "../../../../../components/atoms/text/Text";
-import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
-import { TypeFlexElement } from "../../../../../components/atoms/flex-element/FlexElement";
+import { TypeText } from "../../../text/Text";
+import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
 export type TypeBooleanInput = {
     checked?: boolean;
     label?: string;

package/dist/components/atoms/inputs/normal/chip/ChipInput.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
-import { TypeFlexElement } from "../../../../../components/atoms/flex-element/FlexElement";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
 type TypeChipInput = {
     label?: string[];
     placeholder?: string;
+    onChange?: (value: string[]) => void;
 } & TypeFlexElement;
 declare const _default: React.NamedExoticComponent<TypeChipInput>;
 export default _default;

package/dist/components/atoms/inputs/normal/color/Color.d.ts

@@ -1,4 +1,4 @@
-import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 type TypeColorInput = {
     label: string;
     description?: string;
@@ -10,5 +10,5 @@ type TypeColorInput = {
 };
 declare const _default: import("react").NamedExoticComponent<TypeColorInput & {
     ref?: import("react").RefObject<HTMLDivElement | null>;
-} & import("../../../../../utils/interface").TypeFlexContainer & import("../../../../../utils/interface").TypeFlexDimension & Omit<import("react").HTMLAttributes<HTMLDivElement>, "prefix" | "onChange">>;
+} & import("../../../../../utils/interface").TypeFlexContainer & import("../../../../../utils/interface").TypeFlexDimension & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "prefix">>;
 export default _default;

package/dist/components/atoms/inputs/normal/enum/Enum.d.ts

@@ -1,5 +1,5 @@
-import { TypeFlexElement } from "../../../../../components/atoms/flex-element/FlexElement";
-import { TypeValue } from "../../../../../components/molecules/select/Select";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
+import { TypeValue } from "../../../../molecules/select/Select";
 import React from "react";
 type TypeEnum = {
     selectClassName?: string;

package/dist/components/atoms/inputs/normal/location/Location.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "../../../../../../node_modules/leaflet/dist/leaflet.css";
-import { TypeCoordinates } from "../../../../../components/atoms/map/Map";
+import { TypeCoordinates } from "../../../map/Map";
 type TypeLocationInput = {
     coordinates?: TypeCoordinates;
     title?: string;
@@ -9,5 +9,5 @@ type TypeLocationInput = {
 };
 declare const _default: React.NamedExoticComponent<TypeLocationInput & {
     ref?: React.RefObject<HTMLDivElement | null>;
-} & import("../../../../../utils/interface").TypeFlexContainer & import("../../../../../utils/interface").TypeFlexDimension & Omit<React.HTMLAttributes<HTMLDivElement>, "prefix" | "onChange">>;
+} & import("../../../../../utils/interface").TypeFlexContainer & import("../../../../../utils/interface").TypeFlexDimension & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "prefix">>;
 export default _default;

package/dist/components/atoms/inputs/normal/multiple-selection/MultipleSelection.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { TypeFlexElement } from "../../../../../components/atoms/flex-element/FlexElement";
-import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
+import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 type TypeMultipleSelectionInput<T = string | number> = {
     label: string;
     description?: string;

package/dist/components/atoms/inputs/normal/number/Number.d.ts

@@ -1,5 +1,5 @@
-import { TypeInput } from "../../../../../components/atoms/input/Input";
-import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
+import { TypeInput } from "../../../input/Input";
+import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 type TypeNumberInput = {
     label: string;
     description?: string;
@@ -12,5 +12,5 @@ type TypeNumberInput = {
 };
 declare const _default: import("react").NamedExoticComponent<TypeNumberInput & {
     ref?: import("react").RefObject<HTMLDivElement | null>;
-} & import("../../../../../utils/interface").TypeFlexContainer & import("../../../../../utils/interface").TypeFlexDimension & Omit<import("react").HTMLAttributes<HTMLDivElement>, "prefix" | "onChange">>;
+} & import("../../../../../utils/interface").TypeFlexContainer & import("../../../../../utils/interface").TypeFlexDimension & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "prefix">>;
 export default _default;

package/dist/components/atoms/inputs/normal/object/ObjectInput.d.ts

@@ -1,5 +1,5 @@
-import { TypeText } from "../../../../../components/atoms/text/Text";
-import { TypeFlexElement } from "../../../../../components/atoms/flex-element/FlexElement";
+import { TypeText } from "../../../text/Text";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { TypeProperties, TypeRepresenterValue } from "../../../../../custom-hooks/useInputRepresenter";
 type TypeObjectInput = {
     value?: TypeRepresenterValue;

package/dist/components/atoms/inputs/normal/rich-text/LexicalContent.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { TypeFlexElement } from "../../../../../components/atoms/flex-element/FlexElement";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { EditorState, LexicalEditor } from "lexical";
 type TypeLexicalContent = {
     onChange: (state: EditorState, editor: LexicalEditor) => void;

package/dist/components/atoms/inputs/normal/rich-text/RichText.d.ts

@@ -1,6 +1,6 @@
-import { TypeFlexElement } from "../../../../../components/atoms/flex-element/FlexElement";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { IconName } from "../../../../../utils/iconList";
-import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 export type TypeRichTextInput = {
     headerProps?: {
         icon?: IconName;

package/dist/components/atoms/inputs/normal/storage/Storage.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
-import { TypeFlexElement } from "../../../../../components/atoms/flex-element/FlexElement";
-import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
-import { TypeText } from "../../../../../components/atoms/text/Text";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
+import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
+import { TypeText } from "../../../text/Text";
 import { IconName } from "../../../../../utils/iconList";
 import { TypeFile } from "../../../../../utils/interface";
 export type TypeStorageInput = {

package/dist/components/atoms/inputs/normal/string/String.d.ts

@@ -1,6 +1,6 @@
-import { TypeInput } from "components/atoms/input/Input";
+import { TypeInput } from "../../../../../components/atoms/input/Input";
 import React from "react";
-import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 type TypeStringInput = {
     label?: string;
     description?: string;
@@ -13,5 +13,5 @@ type TypeStringInput = {
 };
 declare const _default: React.NamedExoticComponent<TypeStringInput & {
     ref?: React.RefObject<HTMLDivElement | null>;
-} & import("../../../../../utils/interface").TypeFlexContainer & import("../../../../../utils/interface").TypeFlexDimension & Omit<React.HTMLAttributes<HTMLDivElement>, "prefix" | "onChange">>;
+} & import("../../../../../utils/interface").TypeFlexContainer & import("../../../../../utils/interface").TypeFlexDimension & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "prefix">>;
 export default _default;

package/dist/components/atoms/inputs/normal/text-area/TextArea.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEventHandler } from "react";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
-import { TypeFluidContainer } from "../../../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 import { IconName } from "../../../../../utils/iconList";
 type TypeTextArea = {
     value?: string;

package/dist/components/atoms/modal/Modal.d.ts

@@ -1,10 +1,9 @@
-import { TypeFluidContainer } from "../../../components/atoms/fluid-container/FluidContainer";
 import React, { FC } from "react";
+import { TypeFlexElement } from "../flex-element/FlexElement";
 import ModalHeader from "./header/ModalHeader";
 import ModalBody from "./body/ModalBody";
 import ModalFooter from "./footer/ModalFooter";
 type TypeModal = {
-    className?: string;
     animation?: "growFromCenter" | "zoomIn";
     showCloseButton?: boolean;
     disableClose?: boolean;
@@ -16,7 +15,7 @@ type TypeModal = {
     backdropClassName?: string;
     backdropProps?: React.HTMLAttributes<HTMLDivElement>;
     isOpen?: boolean;
-} & TypeFluidContainer;
+} & TypeFlexElement;
 declare const Modal: FC<TypeModal> & {
     Header: typeof ModalHeader;
     Body: typeof ModalBody;

package/dist/components/atoms/modal/body/ModalBody.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TypeFlexElement } from "../../../../components/atoms/flex-element/FlexElement";
+import { TypeFlexElement } from "../../flex-element/FlexElement";
 type TypeModalBody = {
     className?: string;
 } & TypeFlexElement;

package/dist/components/atoms/modal/footer/ModalFooter.d.ts

@@ -1,4 +1,4 @@
-import { TypeFluidContainer } from "../../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../fluid-container/FluidContainer";
 import React from "react";
 type TypeModalFooter = {
     className?: string;

package/dist/components/atoms/modal/header/ModalHeader.d.ts

@@ -1,4 +1,4 @@
-import { TypeFluidContainer } from "../../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../fluid-container/FluidContainer";
 import React from "react";
 type TypeModalHeader = {
     className?: string;

package/dist/components/atoms/select-option/SelectOption.d.ts

@@ -15,5 +15,5 @@ declare const _default: import("react").NamedExoticComponent<TypeSelectOption &
     mode?: "hug" | "fill" | "middle";
 } & {
     ref?: import("react").RefObject<HTMLDivElement | null>;
-} & import("../../../utils/interface").TypeFlexContainer & import("../../../utils/interface").TypeFlexDimension & Omit<import("react").HTMLAttributes<HTMLDivElement>, "prefix" | "onChange">>;
+} & import("../../../utils/interface").TypeFlexContainer & import("../../../utils/interface").TypeFlexDimension & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "prefix">>;
 export default _default;

package/dist/components/atoms/spinner/Spinner.d.ts

@@ -11,5 +11,5 @@ export type TypeSpinner = {
 };
 declare const _default: React.NamedExoticComponent<TypeSpinner & {
     ref?: React.RefObject<HTMLDivElement | null>;
-} & import("../../../utils/interface").TypeFlexContainer & import("../../../utils/interface").TypeFlexDimension & Omit<React.HTMLAttributes<HTMLDivElement>, "prefix" | "onChange">>;
+} & import("../../../utils/interface").TypeFlexContainer & import("../../../utils/interface").TypeFlexDimension & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "prefix">>;
 export default _default;

package/dist/components/atoms/storage-file-card/StorageFileCard.d.ts

@@ -8,5 +8,5 @@ export type TypeStorageFileCard = {
 };
 declare const _default: import("react").NamedExoticComponent<TypeStorageFileCard & {
     ref?: import("react").RefObject<HTMLDivElement | null>;
-} & import("../../../utils/interface").TypeFlexContainer & import("../../../utils/interface").TypeFlexDimension & Omit<import("react").HTMLAttributes<HTMLDivElement>, "prefix" | "onChange">>;
+} & import("../../../utils/interface").TypeFlexContainer & import("../../../utils/interface").TypeFlexDimension & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "prefix">>;
 export default _default;

package/dist/components/molecules/accordion/Accordion.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { TypeFluidContainer } from "../../../components/atoms/fluid-container/FluidContainer";
-import { TypeFlexElement } from "../../../components/atoms/flex-element/FlexElement";
+import { TypeFluidContainer } from "../../atoms/fluid-container/FluidContainer";
+import { TypeFlexElement } from "../../atoms/flex-element/FlexElement";
 export type TypeAccordionItem = {
     title: string;
     content: React.ReactNode;

package/dist/components/molecules/navigator-item/NavigatorItem.d.ts

@@ -1,4 +1,4 @@
-import { TypeFluidContainer } from "../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../atoms/fluid-container/FluidContainer";
 import React from "react";
 import { IconName } from "../../../utils/iconList";
 type SuffixIcon = {

package/dist/components/molecules/select/Select.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from "react";
-import { TypeFluidContainer } from "../../../components/atoms/fluid-container/FluidContainer";
-import { TypeLabeledValue } from "../../../components/atoms/select-option/SelectOption";
+import { TypeFluidContainer } from "../../atoms/fluid-container/FluidContainer";
+import { TypeLabeledValue } from "../../atoms/select-option/SelectOption";
 export type TypeValue = string | number | (string | number)[];
 export type TypeSelectRef = {
     toggleDropdown: (toggleValue?: boolean) => void;
@@ -21,11 +21,11 @@ export type TypeSelect = {
     onChange?: (value: TypeValue) => void;
 };
 declare const _default: import("react").NamedExoticComponent<TypeSelect & {
-    prefix?: import("../../../components/atoms/flex-element/FlexElement").TypeFlexElement;
-    root?: import("../../../components/atoms/flex-element/FlexElement").TypeFlexElement;
-    suffix?: import("../../../components/atoms/flex-element/FlexElement").TypeFlexElement;
+    prefix?: import("../../atoms/flex-element/FlexElement").TypeFlexElement;
+    root?: import("../../atoms/flex-element/FlexElement").TypeFlexElement;
+    suffix?: import("../../atoms/flex-element/FlexElement").TypeFlexElement;
     mode?: "hug" | "fill" | "middle";
 } & {
     ref?: import("react").RefObject<HTMLDivElement | null>;
-} & import("../../../utils/interface").TypeFlexContainer & import("../../../utils/interface").TypeFlexDimension & Omit<import("react").HTMLAttributes<HTMLDivElement>, "prefix" | "onChange">>;
+} & import("../../../utils/interface").TypeFlexContainer & import("../../../utils/interface").TypeFlexDimension & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "prefix">>;
 export default _default;

package/dist/components/molecules/sso-button/SSOButton.d.ts

@@ -1,4 +1,4 @@
-import { TypeFluidContainer } from "../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../atoms/fluid-container/FluidContainer";
 import React from "react";
 import { IconName } from "../../../utils/iconList";
 type TypeSSOButton = {

package/dist/components/molecules/timeline/Timeline.d.ts

@@ -1,6 +1,6 @@
 import { ChartData } from "chart.js";
 import "chartjs-adapter-date-fns";
-import { TypeFluidContainer } from "../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../atoms/fluid-container/FluidContainer";
 export type TypeBarChartData = ChartData<"bar", (number | [number, number] | null)[], unknown>;
 type TypeTimeline = {
     dateRange: {

package/dist/components/organisms/bucket-add-field/BucketAddField.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { TypeInputType } from "../../../custom-hooks/useInputRepresenter";
+import { TypeModal } from "../../../utils/interface";
+type TypeBucketAddField = {
+    name: string;
+    type: TypeInputType;
+    isOpen?: boolean;
+    modalProps?: TypeModal;
+};
+declare const _default: React.NamedExoticComponent<TypeBucketAddField>;
+export default _default;

package/dist/components/organisms/bucket-add-field/BucketAddFieldSchema.d.ts

@@ -0,0 +1 @@
+export declare const createShema: any;

package/dist/components/organisms/dashboard/layout/DashboardLayout.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import { ChartData, ChartOptions, ChartType } from "chart.js";
-import { TypeFluidContainer } from "../../../../components/atoms/fluid-container/FluidContainer";
+import { TypeFluidContainer } from "../../../atoms/fluid-container/FluidContainer";
 type TypeDashboardItem = {
     ratio: string;
     id: string;

package/dist/components/organisms/menu-group/MenuGroup.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TypeFlexElement } from "../../../components/atoms/flex-element/FlexElement";
+import { TypeFlexElement } from "../../atoms/flex-element/FlexElement";
 type TypeMenuGroup = {
     options?: Record<string, {
         label: string;

package/dist/components/organisms/section/Section.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import FlexElement, { TypeFlexElement } from "../../../components/atoms/flex-element/FlexElement";
+import FlexElement, { TypeFlexElement } from "../../atoms/flex-element/FlexElement";
 type TypeSection = {
     ref?: React.Ref<HTMLDivElement>;
 } & TypeFlexElement;

package/dist/custom-hooks/useInputRepresenter.d.ts

@@ -1,11 +1,11 @@
-import { TypeCoordinates } from "components/atoms/map/Map";
+import { TypeCoordinates } from "../components/atoms/map/Map";
 import { ReactNode } from "react";
-import { utils } from "utils";
+import { utils } from "../utils";
 export type TypeProperties = {
     [key: string]: {
         type: keyof typeof types;
         title: string;
-        description: string;
+        description?: string;
         options?: TypeOptions;
         enum?: (string | number)[];
         default?: TypeValueType;
@@ -72,6 +72,7 @@ export type TypeInputTypeMap = {
     richtext: (props: TypeInputProps<string>) => ReactNode;
     object: (props: TypeObjectInputProps<TypeRepresenterValue>) => ReactNode;
     array: (props: TypeArrayInputProps<TypeValueType>) => ReactNode;
+    chip: (props: TypeInputProps<string>) => ReactNode;
 };
 declare const types: TypeInputTypeMap;
 type TypeUseInputRepresenter = {

package/dist/index.css

@@ -72,33 +72,48 @@
   --font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
     "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   --color-primary: #1c1c50;
+  --color-primary-rgb: 28, 28, 80;
   --color-primary-light: #36369c;
+  --color-primary-light-rgb: 54, 54, 156;
   --color-primary-dark: #020204;
-  --color-primary-rgb: 28, 28, 80;
+  --color-primary-dark-rgb: 2, 2, 4;
   --color-danger: #f41212;
+  --color-danger-rgb: 244, 18, 18;
   --color-danger-light: #f97373;
+  --color-danger-light-rgb: 249, 115, 115;
   --color-danger-dark: #990707;
-  --color-danger-rgb: 244, 18, 18;
+  --color-danger-dark-rgb: 153, 7, 7;
   --color-success: #21f412;
+  --color-success-rgb: 33, 244, 18;
   --color-success-light: #7cf973;
+  --color-success-light-rgb: 124, 249, 115;
   --color-success-dark: #119907;
-  --color-success-rgb: 33, 244, 18;
+  --color-success-dark-rgb: 17, 153, 7;
   --color-soft: #f5f5f5;
+  --color-soft-rgb: 245, 245, 245;
   --color-soft-light: #ffffff;
+  --color-soft-light-rgb: 255, 255, 255;
   --color-soft-dark: #c2c2c2;
-  --color-soft-rgb: 245, 245, 245;
+  --color-soft-dark-rgb: 194, 194, 194;
   --color-default: #ffffff;
   --color-default-rgb: 255, 255, 255;
   --color-transparent: transparent;
   --color-input-background: #fafafa;
+  --color-input-background-rgb: 250, 250, 250;
   --color-input-placeholder: #9b9b9b;
+  --color-input-placeholder-rgb: 155, 155, 155;
   --color-font-primary: #525252;
+  --color-font-primary-rgb: 82, 82, 82;
   --color-font-secondary: #ffffff;
+  --color-font-secondary-rgb: 255, 255, 255;
   --color-border: #d4d0d0;
   --color-border-rgb: 212, 208, 208;
   --color-zebra: #f6f6f9;
+  --color-zebra-rgb: 246, 246, 249;
   --color-background: #f5f5f5;
+  --color-background-rgb: 245, 245, 245;
   --color-menu-background: #ffffff;
+  --color-menu-background-rgb: 255, 255, 255;
   --color-box-shadow: #0000000d;
   --box-shadow: 0px 0px 10px 5px var(--color-box-shadow);
   --border-radius-sm: 3px;
@@ -2979,6 +2994,15 @@ button.font-increment {
 .ObjectInput-module_container__JtW64 input {
   padding: 0;
 }
+.ChipInput-module_chipInputContainer__qkZtV {
+  background-color: var(--color-input-background);
+  border-radius: var(--border-radius-md);
+  color: var(--color-input-placeholder);
+  padding: var(--padding-md) var(--padding-lg);
+}
+.ChipInput-module_chipInputContainer__qkZtV input {
+  padding: 0;
+}
 .ColorMinimized-module_colorMinimized__CnRpu {
   background-color: var(--color-input-background);
   border-radius: var(--border-radius-md);
@@ -3128,13 +3152,4 @@ button.font-increment {
   outline: none;
   width: 100%;
   padding: 0;
-}
-.ChipInput-module_chipInputContainer__qkZtV {
-  background-color: var(--color-input-background);
-  border-radius: var(--border-radius-md);
-  color: var(--color-input-placeholder);
-  padding: var(--padding-md) var(--padding-lg);
-}
-.ChipInput-module_chipInputContainer__qkZtV input {
-  padding: 0;
 }