@zenkigen-inc/component-ui 1.15.1 → 1.15.2

package/dist/radio/radio.d.ts

@@ -1,12 +0,0 @@
-import type { ChangeEvent } from 'react';
-type Props = {
-    name?: string;
-    value?: string;
-    id?: string;
-    label?: string;
-    isChecked?: boolean;
-    isDisabled?: boolean;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-};
-export declare function Radio({ name, value, id, label, isChecked, isDisabled, onChange }: Props): import("react").JSX.Element;
-export {};

package/dist/search/index.d.ts

@@ -1 +0,0 @@
-export { Search } from './search';

package/dist/search/search.d.ts

@@ -1,12 +0,0 @@
-import type { ChangeEvent, FormEvent } from 'react';
-type Props = {
-    size?: 'medium' | 'large';
-    placeholder?: string;
-    width?: string;
-    value: string;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    onSubmit?: (e: FormEvent<HTMLFormElement>) => void;
-    onClickClearButton?: () => void;
-};
-export declare const Search: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/select/index.d.ts

@@ -1,2 +0,0 @@
-export { Select } from './select';
-export type * from './type';

package/dist/select/select-context.d.ts

@@ -1,11 +0,0 @@
-import type { SelectOption } from './type';
-type UseSelectReturnType = {
-    size?: 'x-small' | 'small' | 'medium' | 'large';
-    placeholder?: string;
-    selectedOption?: SelectOption | null;
-    setIsOptionListOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    onChange?: (option: SelectOption | null) => void;
-    variant?: 'text' | 'outline';
-};
-export declare const SelectContext: import("react").Context<UseSelectReturnType>;
-export {};

package/dist/select/select-item.d.ts

@@ -1,6 +0,0 @@
-import type { SelectOption } from './type';
-type Props = {
-    option: SelectOption;
-};
-export declare function SelectItem({ option }: Props): import("react").JSX.Element;
-export {};

package/dist/select/select-list.d.ts

@@ -1,6 +0,0 @@
-import type { CSSProperties, PropsWithChildren } from 'react';
-type Props = {
-    maxHeight?: CSSProperties['height'];
-};
-export declare function SelectList({ children, maxHeight }: PropsWithChildren<Props>): import("react").JSX.Element;
-export {};

package/dist/select/select.d.ts

@@ -1,22 +0,0 @@
-import type { IconName } from '@zenkigen-inc/component-icons';
-import type { CSSProperties, PropsWithChildren } from 'react';
-import { SelectItem } from './select-item';
-import type { SelectOption } from './type';
-type Props = {
-    size?: 'x-small' | 'small' | 'medium' | 'large';
-    variant?: 'outline' | 'text';
-    width?: CSSProperties['width'];
-    maxWidth?: CSSProperties['maxWidth'];
-    placeholder?: string;
-    placeholderIcon?: IconName;
-    selectedOption?: SelectOption | null;
-    optionListMaxHeight?: CSSProperties['height'];
-    isDisabled?: boolean;
-    isOptionSelected?: boolean;
-    onChange?: (option: SelectOption | null) => void;
-};
-export declare function Select({ children, size, variant, width, maxWidth, placeholder, placeholderIcon, selectedOption, isDisabled, isOptionSelected, onChange, optionListMaxHeight, }: PropsWithChildren<Props>): import("react").JSX.Element;
-export declare namespace Select {
-    var Option: typeof SelectItem;
-}
-export {};

package/dist/select/type.d.ts

@@ -1,7 +0,0 @@
-import type { IconName } from '@zenkigen-inc/component-icons';
-export type SelectOption = {
-    id: string;
-    value: string;
-    label: string;
-    icon?: IconName;
-};

package/dist/select-sort/index.d.ts

@@ -1,2 +0,0 @@
-export { SelectSort } from './select-sort';
-export type * from './type';

package/dist/select-sort/select-item.d.ts

@@ -1,7 +0,0 @@
-import type { PropsWithChildren } from 'react';
-type Props = {
-    isSortKey: boolean;
-    onClickItem: () => void;
-};
-export declare function SelectItem({ children, isSortKey, onClickItem }: PropsWithChildren<Props>): import("react").JSX.Element;
-export {};

package/dist/select-sort/select-list.d.ts

@@ -1,10 +0,0 @@
-import type { SortOrder } from './type';
-type Props = {
-    size: 'x-small' | 'small' | 'medium' | 'large';
-    variant: 'text' | 'outline';
-    sortOrder: SortOrder;
-    onClickItem: (value: SortOrder) => void;
-    onClickDeselect?: () => void;
-};
-export declare function SelectList({ size, variant, sortOrder, onClickItem, onClickDeselect }: Props): import("react").JSX.Element;
-export {};

package/dist/select-sort/select-sort.d.ts

@@ -1,15 +0,0 @@
-import type { CSSProperties } from 'react';
-import type { SortOrder } from './type';
-type Props = {
-    size?: 'x-small' | 'small' | 'medium' | 'large';
-    variant?: 'outline' | 'text';
-    width?: CSSProperties['width'];
-    label: string;
-    sortOrder: SortOrder;
-    isDisabled?: boolean;
-    isSortKey?: boolean;
-    onChange?: (value: SortOrder) => void;
-    onClickDeselect?: () => void;
-};
-export declare function SelectSort({ size, variant, width, label, sortOrder, isDisabled, isSortKey, onChange, onClickDeselect, }: Props): import("react").JSX.Element;
-export {};

package/dist/select-sort/type.d.ts

@@ -1 +0,0 @@
-export type SortOrder = 'ascend' | 'descend' | null;

package/dist/tab/index.d.ts

@@ -1,2 +0,0 @@
-export { Tab } from './tab';
-export { TabItem } from './tab-item';

package/dist/tab/tab-item.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode } from 'react';
-type Props = {
-    id: string;
-    isSelected?: boolean;
-    isDisabled?: boolean;
-    children?: ReactNode;
-    onClick: (id: string) => void;
-};
-export declare const TabItem: ({ isSelected, ...props }: Props) => import("react").JSX.Element;
-export {};

package/dist/tab/tab.d.ts

@@ -1,15 +0,0 @@
-import type { ReactNode } from 'react';
-type Props = {
-    children?: ReactNode;
-};
-export declare function Tab({ children }: Props): import("react").JSX.Element;
-export declare namespace Tab {
-    var Item: ({ isSelected, ...props }: {
-        id: string;
-        isSelected?: boolean;
-        isDisabled?: boolean;
-        children?: ReactNode;
-        onClick: (id: string) => void;
-    }) => import("react").JSX.Element;
-}
-export {};

package/dist/table/index.d.ts

@@ -1,3 +0,0 @@
-export { Table } from './table';
-export { TableCell } from './table-cell';
-export { TableRow } from './table-row';

package/dist/table/table-cell.d.ts

@@ -1,8 +0,0 @@
-import type { ReactNode } from 'react';
-type Props = {
-    children?: ReactNode;
-    className?: string;
-    isHeader?: boolean;
-};
-export declare function TableCell({ children, className, isHeader }: Props): import("react").JSX.Element;
-export {};

package/dist/table/table-row.d.ts

@@ -1,7 +0,0 @@
-import type { ReactNode } from 'react';
-type Props = {
-    children?: ReactNode;
-    isHoverBackgroundVisible?: boolean;
-};
-export declare function TableRow({ children, isHoverBackgroundVisible }: Props): import("react").JSX.Element;
-export {};

package/dist/table/table.d.ts

@@ -1,16 +0,0 @@
-import type { CSSProperties, PropsWithChildren } from 'react';
-import { TableCell } from './table-cell';
-import { TableRow } from './table-row';
-type Props = {
-    width?: CSSProperties['width'];
-    templateRows?: CSSProperties['gridTemplateRows'];
-    templateColumns?: CSSProperties['gridTemplateColumns'];
-    autoColumns?: CSSProperties['gridAutoColumns'];
-    autoRows?: CSSProperties['gridAutoRows'];
-};
-export declare function Table({ width, templateRows, templateColumns, autoColumns, autoRows, children, }: PropsWithChildren<Props>): import("react").JSX.Element;
-export declare namespace Table {
-    var Row: typeof TableRow;
-    var Cell: typeof TableCell;
-}
-export {};

package/dist/tag/delete-icon.d.ts

@@ -1,8 +0,0 @@
-import type { ColorVariant, TagColor } from './type';
-type Props = {
-    color?: TagColor;
-    variant?: ColorVariant;
-    onClick?: () => void;
-};
-export declare const DeleteIcon: ({ color, variant, onClick }: Props) => import("react").JSX.Element;
-export {};

package/dist/tag/index.d.ts

@@ -1,2 +0,0 @@
-export { Tag } from './tag';
-export type * from './type';

package/dist/tag/tag.d.ts

@@ -1,17 +0,0 @@
-import type { ColorVariant, TagColor } from './type';
-type Props = {
-    id: string;
-    children: string;
-    color: TagColor;
-    variant?: ColorVariant;
-} & ({
-    isEditable: true;
-    onDelete: (id: string) => void;
-    size?: 'medium';
-} | {
-    isEditable?: undefined;
-    onDelete?: never;
-    size?: 'x-small' | 'small' | 'medium';
-});
-export declare function Tag({ id, children, color, variant, size, isEditable, onDelete }: Props): import("react").JSX.Element;
-export {};

package/dist/tag/type.d.ts

@@ -1,3 +0,0 @@
-import type { tagLightColors } from '@zenkigen-inc/component-theme';
-export type TagColor = keyof typeof tagLightColors;
-export type ColorVariant = 'normal' | 'light';

package/dist/text-area/index.d.ts

@@ -1 +0,0 @@
-export { TextArea } from './text-area';

package/dist/text-area/text-area.d.ts

@@ -1,8 +0,0 @@
-import type { CSSProperties, TextareaHTMLAttributes } from 'react';
-export declare const TextArea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    size?: "medium" | "large";
-    value: string;
-    height?: CSSProperties["height"];
-    isResizable?: boolean;
-    isError?: boolean;
-} & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/text-input/index.d.ts

@@ -1 +0,0 @@
-export { TextInput } from './text-input';

package/dist/text-input/text-input.d.ts

@@ -1,7 +0,0 @@
-import type { InputHTMLAttributes } from 'react';
-export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
-    size?: "medium" | "large";
-    value: string;
-    isError?: boolean;
-    onClickClearButton?: () => void;
-} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/toast/index.d.ts

@@ -1,2 +0,0 @@
-export * from './toast';
-export * from './toast-provider';

package/dist/toast/toast-provider.d.ts

@@ -1,13 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import type { ToastState } from './type';
-type AddToastArgs = {
-    message: string;
-    state: ToastState;
-};
-type ToastProviderProps = {
-    addToast: (args: AddToastArgs) => void;
-    removeToast: (id: number) => void;
-};
-export declare const ToastProvider: ({ children }: PropsWithChildren) => import("react").JSX.Element;
-export declare const useToast: () => ToastProviderProps;
-export {};

package/dist/toast/toast.d.ts

@@ -1,12 +0,0 @@
-import type { CSSProperties, ReactNode } from 'react';
-import type { ToastState } from './type';
-type Props = {
-    state?: ToastState;
-    width?: CSSProperties['width'];
-    isAutoClose?: boolean;
-    isAnimation?: boolean;
-    children?: ReactNode;
-    onClickClose: () => void;
-};
-export declare function Toast({ state, width, isAutoClose, isAnimation, children, onClickClose, }: Props): import("react").JSX.Element;
-export {};

package/dist/toast/type.d.ts

@@ -1 +0,0 @@
-export type ToastState = 'success' | 'error' | 'warning' | 'information';

package/dist/toggle/index.d.ts

@@ -1 +0,0 @@
-export { Toggle } from './toggle';

package/dist/toggle/toggle.d.ts

@@ -1,12 +0,0 @@
-import type { ReactNode } from 'react';
-type Props = {
-    id: string;
-    size: 'small' | 'medium' | 'large';
-    isChecked: boolean;
-    onChange: () => void;
-    label?: ReactNode;
-    labelPosition?: 'left' | 'right';
-    isDisabled?: boolean;
-};
-export declare function Toggle({ id, size, isChecked, onChange, label, labelPosition, isDisabled, }: Props): import("react").JSX.Element;
-export {};

package/dist/tooltip/index.d.ts

@@ -1 +0,0 @@
-export { Tooltip } from './tooltip';

package/dist/tooltip/tail-icon.d.ts

@@ -1,8 +0,0 @@
-import type { TooltipHorizontalAlign, TooltipSize, TooltipVerticalPosition } from './type';
-type Props = {
-    size: TooltipSize;
-    verticalPosition: TooltipVerticalPosition;
-    horizontalAlign: TooltipHorizontalAlign;
-};
-export declare const TailIcon: (props: Props) => import("react").JSX.Element;
-export {};

package/dist/tooltip/tooltip-content.d.ts

@@ -1,11 +0,0 @@
-import type { CSSProperties, ReactNode } from 'react';
-import type { TooltipHorizontalAlign, TooltipPosition, TooltipSize, TooltipVerticalPosition } from './type';
-export declare const TooltipContent: ({ content, horizontalAlign, verticalPosition, size, tooltipPosition, maxWidth, isPortal, }: {
-    content: ReactNode;
-    size: TooltipSize;
-    maxWidth: CSSProperties["maxWidth"];
-    verticalPosition: TooltipVerticalPosition;
-    horizontalAlign: TooltipHorizontalAlign;
-    tooltipPosition: TooltipPosition;
-    isPortal?: boolean;
-}) => import("react").JSX.Element;

package/dist/tooltip/tooltip.d.ts

@@ -1,13 +0,0 @@
-import type { CSSProperties, PropsWithChildren, ReactNode } from 'react';
-import type { TooltipHorizontalAlign, TooltipSize, TooltipVerticalPosition } from './type';
-type Props = {
-    content: ReactNode;
-    size?: TooltipSize;
-    maxWidth?: CSSProperties['maxWidth'];
-    verticalPosition?: TooltipVerticalPosition;
-    horizontalAlign?: TooltipHorizontalAlign;
-    isDisabledHover?: boolean;
-    portalTarget?: HTMLElement;
-};
-export declare function Tooltip({ children, content, size, maxWidth, verticalPosition, horizontalAlign, isDisabledHover, portalTarget, }: PropsWithChildren<Props>): import("react").JSX.Element;
-export {};

package/dist/tooltip/tooltip.hook.d.ts

@@ -1,11 +0,0 @@
-import type { CSSProperties } from 'react';
-import type { TooltipHorizontalAlign, TooltipPosition, TooltipSize, TooltipVerticalPosition } from './type';
-export declare const useTooltip: () => {
-    calculatePosition: (args: {
-        dimensions: DOMRect;
-        maxWidth?: CSSProperties["width"];
-        verticalPosition: TooltipVerticalPosition;
-        horizontalAlign: TooltipHorizontalAlign;
-        tooltipSize: TooltipSize;
-    }) => TooltipPosition;
-};

package/dist/tooltip/type.d.ts

@@ -1,13 +0,0 @@
-import type { CSSProperties } from 'react';
-export type TooltipSize = 'small' | 'medium';
-export type TooltipVerticalPosition = 'top' | 'bottom';
-export type TooltipHorizontalAlign = 'left' | 'center' | 'right';
-export type TooltipPosition = {
-    maxWidth: CSSProperties['width'];
-    width: string;
-    left: string;
-    top: string;
-    bottom: string;
-    translateX: string;
-    translateY: string;
-};