kku-ui 0.0.518 → 0.1.0

package/lib/{esm/src/common/base/icon.d.ts → es/common/icons/icons.d.ts}

@@ -3,5 +3,5 @@ interface Icons {
     [key: string]: (color?: string) => ReactNode;
 }
 declare const kIcons: Icons;
-declare const getIcon: (iconName: string, color: string | undefined) => ReactNode | null;
+declare const getIcon: (iconName: string, color?: string) => ReactNode | null;
 export { kIcons, getIcon };

package/lib/es/components/accordion/KAccordion.d.ts

@@ -0,0 +1,6 @@
+import { KAccordionProps } from './KAccordion.interface';
+declare const KAccordion: import('react').MemoExoticComponent<{
+    ({ ...restProps }: KAccordionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export default KAccordion;

package/lib/es/components/accordion/KAccordion.interface.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { KBaseProp, SizeType } from '../../common/base/base.interface';
+export declare const KAccordionSizes: {
+    readonly large: "large";
+    readonly medium: "medium";
+    readonly small: "small";
+};
+export type KAccordionSizeType = (typeof KAccordionSizes)[keyof typeof KAccordionSizes];
+export interface KAccordionProps extends KBaseProp {
+    summary: string | ReactNode;
+    children: ReactNode;
+    size?: KAccordionSizeType;
+    summaryIcon?: string | ReactNode;
+    summaryIconSize?: SizeType | number;
+    open?: boolean;
+    width?: number;
+}

package/lib/es/components/button/KButton.d.ts

@@ -0,0 +1,3 @@
+import { KButtonProps, KButtonRefs } from '..';
+declare const KButton: import('react').NamedExoticComponent<KButtonProps & import('react').RefAttributes<KButtonRefs>>;
+export default KButton;

package/lib/es/components/button/KButton.interface.d.ts

@@ -0,0 +1,26 @@
+import { MouseEvent, ReactNode } from 'react';
+import { KBaseProp, SizeType } from '../../common/base/base.interface';
+export declare const BUTTON_VARIANTS: {
+    readonly default: "default";
+    readonly outlined: "outlined";
+    readonly primary: "primary";
+    readonly success: "success";
+    readonly warning: "warning";
+    readonly error: "error";
+};
+export type KButtonVariantType = keyof typeof BUTTON_VARIANTS;
+export declare const KButtonVariantList: ("default" | "outlined" | "primary" | "success" | "warning" | "error")[];
+export interface KButtonProps extends KBaseProp {
+    children?: ReactNode;
+    label?: string;
+    size?: SizeType;
+    variant?: KButtonVariantType;
+    disabled?: boolean;
+    color?: string;
+    fontColor?: string;
+    onClick?: (e?: MouseEvent<HTMLButtonElement>) => void;
+}
+export interface KButtonRefs {
+    focus: () => void;
+    click: () => void;
+}

package/lib/es/components/card/KCard.d.ts

@@ -0,0 +1,6 @@
+import { KCardProps } from '..';
+declare const KCard: import('react').MemoExoticComponent<{
+    ({ ...restProps }: KCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export default KCard;

package/lib/es/components/card/KCard.interface.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { KBaseProp } from '../../common/base/base.interface';
+export interface KCardProps extends KBaseProp {
+    children?: ReactNode;
+    title?: string;
+    subTitle?: string;
+    disabled?: boolean;
+    clickable?: boolean;
+    width?: number;
+    height?: number;
+    aspectRatio?: string;
+    onClick?: () => void;
+}

package/lib/es/components/drop-holder/KDropHolder.d.ts

@@ -0,0 +1,3 @@
+import { KDropHolderProps, KDropHolderRefs } from './KDropHolder.interface';
+declare const KDropHolder: import('react').NamedExoticComponent<KDropHolderProps & import('react').RefAttributes<KDropHolderRefs>>;
+export default KDropHolder;

package/lib/es/components/drop-holder/KDropHolder.interface.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { KBaseProp, MotionType } from '../../common/base/base.interface';
+export type KDropHolderPositionType = 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end';
+export type KDropHolderTriggerType = 'hover' | 'click';
+export interface KDropHolderOffsetType {
+    x?: number;
+    y?: number;
+}
+export interface KDropHolderProps extends KBaseProp, MotionType {
+    trigger?: KDropHolderTriggerType;
+    position?: KDropHolderPositionType;
+    offset?: KDropHolderOffsetType;
+    contentWidth?: number;
+    openDelay?: number;
+    closeDelay?: number;
+    autoClose?: boolean;
+    children: ReactNode;
+    content: ReactNode;
+    onClick?: () => void;
+    onHover?: () => void;
+}
+export interface KDropHolderRefs {
+    open: () => void;
+    close: () => void;
+}

package/lib/es/components/drop-holder/KDropHolder.motion.d.ts

@@ -0,0 +1,3 @@
+import { MotionType } from '../../common/base/base.interface';
+declare const KDropHolderMotion: MotionType;
+export default KDropHolderMotion;

package/lib/es/components/icon/KIcon.d.ts

@@ -0,0 +1,3 @@
+import { KIconProps, KIconRefs } from './KIcon.interface';
+declare const KIcon: import('react').NamedExoticComponent<KIconProps & import('react').RefAttributes<KIconRefs>>;
+export default KIcon;

package/lib/{esm/src → es}/components/icon/KIcon.interface.d.ts

@@ -1,12 +1,17 @@
 import { MouseEvent, KeyboardEvent } from 'react';
 import { KBaseProp } from '../../common/base/base.interface';
+export declare const ICON_SIZES: {
+    readonly large: "large";
+    readonly medium: "medium";
+    readonly small: "small";
+};
+export type KIconSize = keyof typeof ICON_SIZES;
+export declare const KIconSizeList: ("small" | "medium" | "large")[];
 export interface KIconProps extends KBaseProp {
     icon: string;
-    size?: number | string;
-    clickable?: boolean;
+    size?: KIconSize | number;
     disabled?: boolean;
     color?: string;
-    tabIndex?: number;
     onClick?: (e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void;
 }
 export interface KIconRefs {

package/lib/es/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from './button';
+export * from './input/textfield';
+export * from './icon';
+export * from './input/select';
+export * from './drop-holder';
+export * from './input/switch';
+export * from './card';
+export * from './accordion';
+export * from './modal';

package/lib/es/components/input/select/KSelect.d.ts

@@ -0,0 +1,3 @@
+import { KSelectProps, KSelectRefs } from './KSelect.interface';
+declare const KSelect: import('react').NamedExoticComponent<KSelectProps & import('react').RefAttributes<KSelectRefs>>;
+export default KSelect;

package/lib/{esm/src → es}/components/input/select/KSelect.interface.d.ts

@@ -2,10 +2,10 @@ import { KeyboardEvent } from 'react';
 import { KBaseProp, KSizeProp } from '../../../common/base/base.interface';
 export interface KSelectItemType {
     ['value']: string;
-    ['title']: string;
+    ['label']: string;
 }
 export interface KSelectProps extends KBaseProp, KSizeProp {
-    value: string;
+    value?: string;
     items: KSelectItemType[];
     placeholder?: string;
     noDataText?: string;
@@ -13,14 +13,14 @@ export interface KSelectProps extends KBaseProp, KSizeProp {
     onChange: (value: string) => void;
     onFocus?: () => void;
     onBlur?: () => void;
-    width?: string;
+    width?: number;
 }
 export interface KSelectRefs {
     open: () => void;
     close: () => void;
 }
 export interface KSelectListProps {
-    id: string;
+    value?: string;
     items: KSelectItemType[];
     noDataText?: string;
     onFocus: () => void;

package/lib/es/components/input/select/KSelect.motion.d.ts

@@ -0,0 +1,3 @@
+import { MotionType } from '../../../common/base/base.interface';
+declare const KSelectMotion: MotionType;
+export default KSelectMotion;

package/lib/es/components/input/select/KSelectList.d.ts

@@ -0,0 +1,3 @@
+import { KSelectListProps } from './KSelect.interface';
+declare const KSelectList: import('react').MemoExoticComponent<({ ...restProp }: KSelectListProps) => import("react/jsx-runtime").JSX.Element>;
+export default KSelectList;

package/lib/es/components/input/switch/KSwitch.d.ts

@@ -0,0 +1,3 @@
+import { KSwitchProps, KSwitchRefs } from './KSwitch.interface';
+declare const KSwitch: import('react').NamedExoticComponent<KSwitchProps & import('react').RefAttributes<KSwitchRefs>>;
+export default KSwitch;

package/lib/{esm/src → es}/components/input/switch/KSwitch.interface.d.ts

@@ -1,10 +1,9 @@
 import { KBaseProp, KSizeProp } from '../../../common/base/base.interface';
 export interface KSwitchProps extends KBaseProp, KSizeProp {
     value: boolean;
-    toggleColor?: string;
-    bgColor?: string;
-    disabled?: boolean;
     onChange: (value: boolean) => void;
+    onClick?: () => void;
+    disabled?: boolean;
 }
 export interface KSwitchRefs {
     toggle: () => void;

package/lib/es/components/input/textfield/KTextField.d.ts

@@ -0,0 +1,3 @@
+import { KTextFieldProps, KTextFieldRefs } from './KTextField.interface';
+declare const KTextField: import('react').NamedExoticComponent<KTextFieldProps & import('react').RefAttributes<KTextFieldRefs>>;
+export default KTextField;

package/lib/{esm/src → es}/components/input/textfield/KTextField.interface.d.ts

@@ -1,8 +1,10 @@
 import { KeyboardEvent, ReactNode } from 'react';
 import { KBaseProp, KSizeProp } from '../../../common/base/base.interface';
 export interface KTextFieldProps extends KBaseProp, KSizeProp {
-    value: string;
+    value?: string;
     label?: string;
+    labelAlign?: 'column' | 'row';
+    labelGap?: number;
     placeholder?: string;
     maxLength?: number;
     disabled?: boolean;
@@ -16,14 +18,13 @@ export interface KTextFieldProps extends KBaseProp, KSizeProp {
     onBlur?: () => void;
     onKeyDownEnter?: (e?: KeyboardEvent<HTMLInputElement>) => void;
     autoComplete?: string;
-    autoCorrect?: string;
-    autoCapitalize?: string;
-    width?: string;
-    fullWidth?: boolean;
+    autoCorrect?: 'on' | 'off';
+    autoCapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+    width?: number;
     align?: 'left' | 'center' | 'right';
 }
 export interface KTextFieldRefs {
     focus: () => void;
     blur: () => void;
-    value: string;
+    value?: string;
 }

package/lib/es/components/modal/KModal.d.ts

@@ -0,0 +1,6 @@
+import { KModalProps } from './KModal.interface';
+declare const KModal: import('react').MemoExoticComponent<{
+    ({ ...restProps }: KModalProps): import('react').ReactPortal;
+    displayName: string;
+}>;
+export default KModal;

package/lib/es/components/modal/KModal.interface.d.ts

@@ -0,0 +1,26 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { KBaseProp } from '../../common/base/base.interface';
+export declare const KModalSizes: {
+    readonly medium: "medium";
+    readonly small: "small";
+    readonly large: "large";
+};
+export type KModalSizeType = (typeof KModalSizes)[keyof typeof KModalSizes];
+export interface KModalProps extends KBaseProp {
+    isOpen: boolean;
+    setIsOpen?: Dispatch<SetStateAction<boolean>>;
+    onClose?: () => void;
+    size?: KModalSizeType;
+    animation?: 'slide' | 'fade';
+    title?: string;
+    content: ReactNode;
+    footer?: ReactNode;
+    width?: number;
+    isOverlay?: boolean;
+    overlayOpacity?: number;
+    overlayClosable?: boolean;
+    escClosable?: boolean;
+    headerClass?: string;
+    contentClass?: string;
+    footerClass?: string;
+}

package/lib/es/components/modal/KModal.motion.d.ts

@@ -0,0 +1,2 @@
+import { MotionType } from '../../common/base/base.interface';
+export declare const KModalMotion: Record<string, MotionType>;

package/lib/es/index.d.ts

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