oziko-ui-kit 0.0.137 → 0.0.140

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

@@ -5,7 +5,7 @@ import { TypeFlexDimension } from "../../../utils/interface";
 export type TypeButton = {
     fullWidth?: boolean;
     containerProps?: TypeFluidContainer;
-    shape?: "default" | "circle" | "round";
+    shape?: "default" | "circle" | "round" | "chip";
     variant?: "solid" | "outlined" | "dashed" | "filled" | "text" | "link" | "icon";
     color?: "primary" | "default" | "success" | "danger" | "soft" | "transparent";
     loading?: boolean;

package/dist/components/atoms/divider/Divider.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from "react";
+export type TypeDivider = {
+    label?: string;
+} & HTMLAttributes<HTMLDivElement>;
+declare const _default: import("react").NamedExoticComponent<TypeDivider>;
+export default _default;

package/dist/components/atoms/icon/Icon.d.ts

@@ -4,6 +4,7 @@ export type TypeIcon = {
     name: IconName;
     className?: string;
     size?: IconSize;
+    color?: string;
 };
 declare const _default: React.NamedExoticComponent<TypeIcon>;
 export default _default;

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

@@ -1,8 +1,6 @@
-import { TypeFlexElement } from "../../../flex-element/FlexElement";
 export type TypeInputBooleanMinimized = {
     checked: boolean;
     disabled?: boolean;
-    containerProps?: TypeFlexElement;
     onChange?: (checked: boolean) => void;
 };
 declare const _default: import("react").NamedExoticComponent<TypeInputBooleanMinimized>;

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

@@ -1,20 +1,15 @@
-import { TypeText } from "../../../text/Text";
-import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
-import { TypeSwitch } from "../../../switch/Switch";
-import { TypeFlexElement } from "../../../flex-element/FlexElement";
+import { IconName } from "../../../../../utils/iconList";
 export type TypeBooleanInput = {
     checked?: boolean;
     label?: string;
+    hideLabel?: boolean;
     disabled?: boolean;
-    containerProps?: TypeFluidContainer;
-    switchContainerProps?: TypeFlexElement;
-    suffixProps?: TypeFlexElement;
-    rootProps?: TypeFlexElement;
-    labelProps?: TypeText;
     description?: string;
     onChange?: (checked: boolean) => void;
-    size?: TypeSwitch["size"];
+    iconName?: IconName;
     className?: string;
 };
-declare const _default: import("react").NamedExoticComponent<TypeBooleanInput>;
+declare const _default: import("react").NamedExoticComponent<TypeBooleanInput & {
+    ref?: import("react").RefObject<HTMLDivElement | null>;
+} & import("../../../../../index.export").TypeFlexContainer & import("../../../../../index.export").TypeFlexDimension & Omit<import("react").HTMLAttributes<HTMLDivElement>, "prefix" | "onChange">>;
 export default _default;

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

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

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

@@ -1,6 +1,7 @@
-import { TypeText } from "../../../text/Text";
-import { TypeFlexElement } from "../../../flex-element/FlexElement";
+import React from "react";
 import { TypeInputRepresenterError, TypeProperties, TypeRepresenterValue } from "../../../../../custom-hooks/useInputRepresenter";
+import { TypeFlexElement } from "../../../flex-element/FlexElement";
+import { TypeText } from "../../../text/Text";
 export type TypeObjectInput = {
     value?: TypeRepresenterValue;
     properties: TypeProperties;
@@ -11,6 +12,7 @@ export type TypeObjectInput = {
     helperTextProps?: TypeText;
     onChange?: (value: any) => void;
     errors?: TypeInputRepresenterError;
-} & TypeFlexElement;
-declare const _default: import("react").NamedExoticComponent<TypeObjectInput>;
+    className?: string;
+};
+declare const _default: React.NamedExoticComponent<TypeObjectInput>;
 export default _default;

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

@@ -1,14 +1,10 @@
 import { JSX } from "react";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
 import { IconName } from "../../../../../utils/iconList";
-import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 export type TypeRichTextInput = {
     headerProps?: {
         icon?: IconName;
         label?: string;
-        iconProps?: TypeFlexElement;
-        labelProps?: TypeFlexElement;
-        container?: TypeFluidContainer;
     };
     value?: string;
     className?: string;

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

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 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";
@@ -8,30 +7,15 @@ export type TypeStorageInput = {
     label?: string;
     file?: TypeFile;
     containerProps?: TypeFlexElement;
-    topContainerProps?: {
-        container?: TypeFluidContainer;
-        root?: TypeFlexElement;
-        rootChildren?: TypeText;
-        suffix?: TypeFlexElement;
-        suffixChildren?: TypeFlexElement;
-        editIcon?: IconName;
-        deleteIcon?: IconName;
-        hideActions?: boolean;
-        disableEditIcon?: boolean;
-        disableDeleteIcon?: boolean;
-    };
     dropzoneContainerProps?: {
-        container?: TypeFlexElement;
         uploadIcon?: IconName;
         previewIcon?: IconName;
         description?: ReactNode;
     };
     description?: string;
     errorMessage?: string;
-    helperTextContainerProps?: TypeFlexElement;
     helperTextProps?: TypeText;
     onUpload?: (file: File) => void;
-    onDelete?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onPreview?: () => void;
     onClickShowFileSelect?: () => void;
 };

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

@@ -1,20 +1,13 @@
 import { ChangeEventHandler } from "react";
 import { TypeFlexElement } from "../../../flex-element/FlexElement";
-import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
 import { IconName } from "../../../../../utils/iconList";
 export type TypeTextArea = {
     value?: string;
     textAreaProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
         rows?: number;
         cols?: number;
-        ref?: React.RefObject<HTMLTextAreaElement>;
     };
-    textAreaContainerProps?: TypeFlexElement;
     containerProps?: TypeFlexElement;
-    titlePrefixProps?: TypeFlexElement;
-    titleRootProps?: TypeFlexElement;
-    titleSuffixProps?: TypeFlexElement;
-    titleContainerProps?: TypeFluidContainer;
     title?: string;
     icon?: IconName;
     description?: string;

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

@@ -1,6 +1,7 @@
 export type TypeLabeledValue = {
     value: string | number;
     label: string;
+    description?: string;
 };
 export type TypeSelectOption = {
     option: string | number | TypeLabeledValue;

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

@@ -1,25 +1,5 @@
 import React from "react";
-import { TypeFluidContainer } from "../../atoms/fluid-container/FluidContainer";
-import { TypeFlexElement } from "../../atoms/flex-element/FlexElement";
-export type TypeAccordionItem = {
-    title: React.ReactNode;
-    content: React.ReactNode;
-    icon?: React.ReactNode;
-    className?: string;
-};
-export type TypeAccordionGroup = TypeFlexElement & {
-    items: TypeAccordionItem[];
-    defaultActiveIndex?: number;
-    icon?: React.ReactNode;
-    bordered?: boolean;
-    header?: TypeFluidContainer;
-    openClassName?: string;
-    itemClassName?: string;
-    contentClassName?: string;
-    headerClassName?: string;
-    suffixOnHover?: boolean;
-    noBackgroundOnFocus?: boolean;
-    disableSuffixIcon?: boolean;
-};
+import { TypeAccordionGroup, TypeAccordionItem } from "./Accordion.types";
+export type { TypeAccordionItem, TypeAccordionGroup };
 declare const _default: React.NamedExoticComponent<TypeAccordionGroup>;
 export default _default;

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

@@ -0,0 +1,59 @@
+import { TypeFluidContainer } from "../../atoms/fluid-container/FluidContainer";
+import { TypeFlexElement } from "../../atoms/flex-element/FlexElement";
+export type TypeAccordionItem = {
+    title: React.ReactNode;
+    content: React.ReactNode;
+    icon?: React.ReactNode;
+    className?: string;
+    headingPadding?: string;
+    bodyPadding?: string;
+    borderBottom?: boolean;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+};
+export type TypeAccordionElement = {
+    title: React.ReactNode;
+    children: React.ReactNode;
+    isOpen: boolean;
+    onClick: () => void;
+    icon?: React.ReactNode;
+    bordered?: boolean;
+    openClassName?: string;
+    itemClassName?: string;
+    contentClassName?: string;
+    headerClassName?: string;
+    suffixOnHover?: boolean;
+    noBackgroundOnFocus?: boolean;
+    disableSuffixIcon?: boolean;
+    disabled?: boolean;
+    borderBottom?: boolean;
+    headingPadding?: string;
+    bodyPadding?: string;
+    titleSize?: string;
+    titleWeight?: number | string;
+    chevronSize?: number;
+    mountContent?: "always" | "lazy";
+};
+export type TypeAccordionGroup = TypeFlexElement & {
+    items: TypeAccordionItem[];
+    defaultActiveIndex?: number;
+    icon?: React.ReactNode;
+    bordered?: boolean;
+    header?: TypeFluidContainer;
+    openClassName?: string;
+    itemClassName?: string;
+    contentClassName?: string;
+    headerClassName?: string;
+    suffixOnHover?: boolean;
+    noBackgroundOnFocus?: boolean;
+    disableSuffixIcon?: boolean;
+    multiOpen?: boolean;
+    borderBottom?: boolean;
+    headingPadding?: string;
+    bodyPadding?: string;
+    titleSize?: string;
+    titleWeight?: number | string;
+    chevronSize?: number;
+    mountContent?: "always" | "lazy";
+    gap?: number;
+};

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

@@ -1,18 +1,5 @@
-import { IconName } from "../../../utils/iconList";
-export type TypeAccordionElement = {
-    title: React.ReactNode;
-    children: React.ReactNode;
-    icon?: React.ReactNode | IconName;
-    isOpen: boolean;
-    bordered?: boolean;
-    openClassName?: string;
-    itemClassName?: string;
-    contentClassName?: string;
-    headerClassName?: string;
-    suffixOnHover?: boolean;
-    noBackgroundOnFocus?: boolean;
-    onClick: () => void;
-    disableSuffixIcon?: boolean;
-};
-declare const _default: import("react").NamedExoticComponent<TypeAccordionElement>;
+import React from "react";
+import { TypeAccordionElement } from "./Accordion.types";
+export type { TypeAccordionElement };
+declare const _default: React.NamedExoticComponent<TypeAccordionElement>;
 export default _default;

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

@@ -9,6 +9,7 @@ export type TypeNavigatorItem = {
     label: string;
     prefixIcon?: IconName;
     suffixIcons?: SuffixIcon[];
+    isActive?: boolean;
 } & TypeFluidContainer;
 declare const _default: React.NamedExoticComponent<TypeNavigatorItem>;
 export default _default;

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

@@ -1,19 +1,30 @@
-import { Ref, RefObject } from "react";
+import React, { Ref, RefObject } from "react";
 import { TypeFluidContainer } from "../../atoms/fluid-container/FluidContainer";
 import { TypeLabeledValue } from "../../atoms/select-option/SelectOption";
+import { IconName } from "../../../utils/iconList";
 export type TypeValue = string | number | (string | number)[];
 export type TypeSelectRef = {
     toggleDropdown: (toggleValue?: boolean) => void;
     clear: () => void;
 };
+export type TypeOptionGroup = {
+    label: string;
+    items: (string | number | TypeLabeledValue)[];
+};
 export type TypeSelect = {
     value?: TypeValue;
-    options: (string | number | TypeLabeledValue)[];
+    options?: (string | number | TypeLabeledValue)[];
+    groups?: TypeOptionGroup[];
     placeholder?: string;
     placement?: "bottom" | "top";
     multiple?: boolean;
     maxCount?: number;
     disabled?: boolean;
+    clearable?: boolean;
+    searchable?: boolean;
+    showFooter?: boolean;
+    allowFreeform?: boolean;
+    prefixIcon?: IconName;
     popupClassName?: string;
     optionProps?: TypeFluidContainer;
     selectRef?: Ref<TypeSelectRef>;
@@ -21,12 +32,12 @@ export type TypeSelect = {
     onChange?: (value: TypeValue) => void;
     externalDropdownRef?: RefObject<HTMLDivElement | null>;
 };
-declare const _default: import("react").NamedExoticComponent<TypeSelect & {
+declare const _default: React.NamedExoticComponent<TypeSelect & {
     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?: RefObject<HTMLDivElement | null>;
-} & import("../../../index.export").TypeFlexContainer & import("../../../index.export").TypeFlexDimension & Omit<import("react").HTMLAttributes<HTMLDivElement>, "prefix" | "onChange">>;
+} & import("../../../index.export").TypeFlexContainer & import("../../../index.export").TypeFlexDimension & Omit<React.HTMLAttributes<HTMLDivElement>, "prefix" | "onChange">>;
 export default _default;

package/dist/components/organisms/table/Column.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import { TypeFlexElement } from "../../../components/atoms/flex-element/FlexElement";
+export declare const parsePx: (value: string | undefined) => number;
+export type TableColumnContainerProps = {
+    columnKey?: string;
+    children?: React.ReactNode;
+    className?: string;
+    width?: string;
+    minWidth?: string;
+    updateColumnWidth?: (key: string, newWidth: string) => void;
+    noResizeable?: boolean;
+    style?: React.CSSProperties;
+};
+export type TableHeaderCellProps = TypeFlexElement & {
+    border?: boolean;
+    headerAlign?: "left" | "center" | "right";
+};
+export type TableCellProps = React.HTMLAttributes<HTMLDivElement> & {
+    focused?: boolean;
+};
+export declare const HeaderCell: ({ border, headerAlign, children, ...props }: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Cell: ({ children, focused, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultSkeletonCell: () => import("react/jsx-runtime").JSX.Element;
+declare const Column: React.NamedExoticComponent<TableColumnContainerProps> & {
+    readonly type: ({ columnKey, children, className, width, minWidth, updateColumnWidth, noResizeable, style, }: TableColumnContainerProps) => import("react/jsx-runtime").JSX.Element;
+} & {
+    Header: ({ border, headerAlign, children, ...props }: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;
+    Cell: ({ children, focused, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Column;

package/dist/components/organisms/table/Table.d.ts

@@ -1,11 +1,16 @@
 import React from "react";
-import { TypeFlexElement } from "../../../components/atoms/flex-element/FlexElement";
 export type TableColumnRenderCellParams<TRow = any> = {
     row: TRow;
     rowIndex: number;
+    /** @deprecated Always false — cell focus has been removed. Kept for API compatibility. */
     isFocused: boolean;
     columnKey: string;
 };
+export type TableCellParams<TRow = any> = {
+    row: TRow;
+    rowIndex: number;
+    columnKey: string;
+};
 export type TableColumn<TRow = any> = {
     key: string;
     header: React.ReactNode;
@@ -17,16 +22,27 @@ export type TableSaveToLocalStorage = {
     id: string;
     save?: boolean;
 };
+/** @deprecated Cell-level keyboard navigation has been removed. */
 export type TableCellKeyDownParams = {
     columnKey: string;
     rowIndex: number;
     event: KeyboardEvent;
 };
+export type TableRowClickParams<TRow = any> = {
+    row: TRow;
+    rowIndex: number;
+    event: React.MouseEvent<HTMLTableRowElement>;
+};
 export type TableSkeletonCellParams<TRow = any> = {
     column: TableColumn<TRow>;
     rowIndex: number;
 };
-export type TypeTable<TRow = any> = {
+export type TableEmptyStateProps = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+};
+export type TableProps<TRow = any> = {
     columns: TableColumn<TRow>[];
     data: TRow[];
     loading?: boolean;
@@ -35,34 +51,26 @@ export type TypeTable<TRow = any> = {
     saveToLocalStorage?: TableSaveToLocalStorage;
     fixedColumns?: string[];
     noResizeableColumns?: string[];
-    onCellKeyDown?: (params: TableCellKeyDownParams) => void;
+    onRowClick?: (params: TableRowClickParams<TRow>) => void;
     tableClassName?: string;
+    /** @deprecated No-op — columns are now <th>/<td> elements. */
     columnClassName?: string;
     headerClassName?: string;
     cellClassName?: string;
+    /** @deprecated Cell focus has been removed. Use onRowClick instead. */
+    isCellFocusable?: (params: TableCellParams<TRow>) => boolean;
+    /** @deprecated Cell-level keyboard navigation has been removed. */
+    onCellKeyDown?: (params: TableCellKeyDownParams) => void;
+    emptyState?: TableEmptyStateProps;
 };
-declare const MemoizedTable: <TRow = any>(props: TypeTable<TRow>) => React.ReactElement;
-export default MemoizedTable;
-export type TypeColumn = {
-    columnKey?: string;
-    children?: React.ReactNode;
-    className?: string;
-    width?: string;
-    minWidth?: string;
-    updateColumnWidth?: (key: string, newWidth: string) => void;
-    noResizeable?: boolean;
-    style?: React.CSSProperties;
-};
-export type TypeColumnComponent = React.FC<TypeColumn> & {
-    Header: typeof HeaderCell;
-    Cell: typeof Cell;
-};
-export type TypeHeaderCell = TypeFlexElement & {
-    border?: boolean;
-    headerAlign?: "left" | "center" | "right";
-};
-declare const HeaderCell: ({ border, headerAlign, children, ...props }: TypeHeaderCell) => import("react/jsx-runtime").JSX.Element;
-export type TypeCell = React.HTMLAttributes<HTMLDivElement> & {
-    focused?: boolean;
-};
-declare const Cell: ({ children, focused, ...props }: TypeCell) => import("react/jsx-runtime").JSX.Element;
+export type { TableColumnContainerProps, TableHeaderCellProps, TableCellProps, } from "./Column";
+/** @deprecated Use TableProps instead */
+export type TypeTable<TRow = any> = TableProps<TRow>;
+/** @deprecated Use TableColumnContainerProps instead */
+export type { TableColumnContainerProps as TypeColumn } from "./Column";
+/** @deprecated Use TableHeaderCellProps instead */
+export type { TableHeaderCellProps as TypeHeaderCell } from "./Column";
+/** @deprecated Use TableCellProps instead */
+export type { TableCellProps as TypeCell } from "./Column";
+declare const Table: <TRow = any>(props: TableProps<TRow>) => React.ReactElement;
+export default Table;

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

@@ -43,7 +43,7 @@ export type TypeValueType = string | number | boolean | string[] | number[] | bo
 export type TypeRepresenterValue = {
     [key: string]: TypeValueType | TypeRepresenterValue;
 };
-export type TypeInputType = "string" | "number" | "textarea" | "date" | "boolean" | "color" | "storage" | "multiselect" | "location" | "richtext" | "object" | "array" | "chip" | "relation" | "select";
+export type TypeInputType = "string" | "number" | "textarea" | "date" | "boolean" | "color" | "storage" | "multiselect" | "location" | "richtext" | "object" | "array" | "chip" | "relation" | "select" | "json";
 type TypeOptions = {
     position?: "top" | "bottom" | "left" | "right";
     index?: boolean;
@@ -119,6 +119,7 @@ export type TypeInputTypeMap = {
     chip: (props: TypeChipInputProps<string[] | number[]>) => ReactNode;
     relation: (props: TypeRelationInputProps<TypeLabeledValue[] | TypeLabeledValue>) => ReactNode;
     select: (props: TypeSelectInputProps<string>) => ReactNode;
+    json: (props: TypeInputProps<any>) => ReactNode;
 };
 declare const types: TypeInputTypeMap;
 type TypeUseInputRepresenter = {