sud-ui 1.5.2 → 1.5.3

package/dist/components/dataEntry/TimeSelector.d.ts

@@ -0,0 +1,28 @@
+import type { FC, HTMLAttributes } from "react";
+import type { defaultColorType } from "../commonType";
+
+export interface TimeSelectorTime {
+  hour: number | null;
+  minute: number | null;
+  second: number | null;
+  ampm: "AM" | "PM";
+}
+
+export interface TimeSelectorValue {
+  startTime?: Date;
+  endTime?: Date;
+}
+
+export interface TimeSelectorProps extends HTMLAttributes<HTMLDivElement> {
+  value?: Date | TimeSelectorValue;
+  onChange?: (value: Date | TimeSelectorValue) => void;
+  range?: boolean;
+  use12Hours?: boolean;
+  showSecond?: boolean;
+  step?: number;
+  colorType?: defaultColorType;
+  hoverColorType?: defaultColorType;
+}
+
+declare const TimeSelector: FC<TimeSelectorProps>;
+export default TimeSelector;

package/dist/components/dataEntry/Upload.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from "react";
+import type { tagColorType } from "../commonType";
+
+export interface UploadFile extends File {
+  status?: "uploading" | "done" | "error";
+}
+
+export interface UploadProps {
+  listType?: "text" | "thumbnail" | "card" | "none";
+  ext?: string[];
+  multiple?: boolean;
+  maxCount?: number;
+  maxFileSize?: number;
+  disabled?: boolean;
+  fileList?: UploadFile[];
+  showUploadList?: boolean;
+  onChange?: (files: UploadFile | UploadFile[]) => void;
+  onRemove?: (files: UploadFile[]) => void;
+  onDrag?: (isDragging: boolean) => void;
+  children?: ReactNode;
+  className?: string;
+  ariaLabel?: string;
+  role?: string;
+  listColorType?: tagColorType;
+  listErrorColorType?: tagColorType;
+  listHoverColorType?: tagColorType;
+  listDeleteColorType?: tagColorType;
+  listDirection?: "row" | "column";
+  thumbnailSize?: number;
+  cardSize?: number;
+  drag?: boolean;
+}
+
+export declare const Upload: React.FC<UploadProps>;

package/dist/components/feedback/DotSpinner.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode, CSSProperties, FC, HTMLAttributes } from "react";
+import type { tagColorType } from "../commonType";
+
+export interface DotSpinnerProps extends HTMLAttributes<HTMLDivElement> {
+  size?: number;
+  colorType?: tagColorType;
+  text?: boolean | string | ReactNode;
+  style?: CSSProperties;
+}
+
+declare const DotSpinner: FC<DotSpinnerProps>;
+export default DotSpinner;

package/dist/components/feedback/Empty.d.ts

@@ -0,0 +1,32 @@
+import type {
+  ReactNode,
+  CSSProperties,
+  FC,
+  HTMLAttributes,
+  ReactElement
+} from "react";
+import type { fontSizeType, fontWeightType } from "../commonType";
+import type {
+  PretendardWeight,
+  GmarketWeight,
+  SuiteWeight
+} from "../general/Typography";
+
+export interface EmptyProps extends HTMLAttributes<HTMLDivElement> {
+  icon?: ReactElement;
+  iconSize?: string | number;
+  iconColor?: string;
+  description?: ReactNode;
+  pretendard?: PretendardWeight;
+  gmarket?: GmarketWeight;
+  suite?: SuiteWeight;
+  fontFamily?: string;
+  size?: fontSizeType;
+  weight?: fontWeightType;
+  as?: string;
+  color?: string;
+  style?: CSSProperties;
+  className?: string;
+}
+
+export declare const Empty: FC<EmptyProps>;

package/dist/components/feedback/NotificationRoot.d.ts

@@ -0,0 +1,47 @@
+import type { ReactNode } from "react";
+import type {
+  defaultColorType,
+  shapeType,
+  borderType,
+  shadowType
+} from "../commonType";
+
+export type NotificationPosition =
+  | "top-left"
+  | "top-center"
+  | "top-right"
+  | "bottom-left"
+  | "bottom-center"
+  | "bottom-right";
+
+export interface NotificationOptions {
+  title?: ReactNode;
+  message?: ReactNode;
+  footer?: ReactNode;
+  duration?: number | false;
+  position?: NotificationPosition;
+  onClose?: () => void;
+  colorType?: defaultColorType;
+  color?: string;
+  background?: string;
+  borderType?: borderType;
+  borderColor?: string;
+  borderWeight?: number;
+  border?: boolean;
+  shape?: shapeType;
+  shadow?: shadowType;
+  width?: number | string;
+}
+
+export interface NotificationItemProps extends NotificationOptions {
+  id: number;
+  onClose: () => void;
+}
+
+export interface NotificationRootProps {}
+
+export declare const NotificationRoot: React.FC<NotificationRootProps>;
+
+export declare const notification: {
+  open: (options: NotificationOptions) => void;
+};

package/dist/components/feedback/PopConfirm.d.ts

@@ -0,0 +1,15 @@
+import type { FC } from "react";
+import type { PopupBaseProps } from "../navigation/base/PopupBase";
+
+type PopConfirmBaseProps = Omit<
+  PopupBaseProps,
+  "variant" | "arrow" | "followTrigger" | "contentRef" | "parentRef"
+>;
+
+export interface PopConfirmProps extends PopConfirmBaseProps {
+  type?: "primary" | "success" | "danger" | "warning";
+}
+
+export declare const PopConfirm: FC<PopConfirmProps>;
+
+export default PopConfirm;

package/dist/components/feedback/Progress.d.ts

@@ -0,0 +1,33 @@
+import type { ReactNode, CSSProperties, FC, HTMLAttributes } from "react";
+import type { tagColorType } from "../commonType";
+
+export type ProgressType = "bar" | "circle" | "dashboard";
+export type ProgressSize = "sm" | "md" | "lg";
+
+export type ProgressValuePosition =
+  | "inside-start"
+  | "inside-center"
+  | "inside-end"
+  | "outside-left"
+  | "outside-right";
+
+export interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
+  type?: ProgressType;
+  value?: number;
+  max?: number;
+  unit?: string;
+  showText?: boolean;
+  iconWhenFull?: ReactNode;
+  iconWhenNotFull?: ReactNode;
+  colorType?: tagColorType;
+  backgroundColor?: string;
+  color?: string;
+  valuePosition?: ProgressValuePosition;
+  size?: ProgressSize;
+  fontSize?: number;
+  className?: string;
+  style?: CSSProperties;
+}
+
+declare const Progress: FC<ProgressProps>;
+export default Progress;

package/dist/components/feedback/Spinner.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode, CSSProperties, FC, HTMLAttributes } from "react";
+import type { tagColorType } from "../commonType";
+
+export type SpinnerType = "default" | "elastic";
+
+export interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
+  size?: number;
+  colorType?: tagColorType;
+  spinnerType?: SpinnerType;
+  text?: boolean | string | ReactNode;
+  style?: CSSProperties;
+}
+
+declare const Spinner: FC<SpinnerProps>;
+export default Spinner;

package/dist/components/feedback/ToastRoot.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode, FC } from "react";
+
+export type ToastType = "success" | "danger" | "info" | "warning";
+
+export interface ToastOptions {
+  duration?: number;
+  icon?: ReactNode;
+}
+
+export interface ToastItemProps {
+  id: number;
+  type: ToastType;
+  message: ReactNode;
+  duration: number;
+  onClose: (id: number) => void;
+  icon?: ReactNode;
+}
+
+export interface ToastRootProps {}
+
+export declare const ToastRoot: FC<ToastRootProps>;
+
+export declare const toast: {
+  success: (message: ReactNode, options?: ToastOptions) => void;
+  danger: (message: ReactNode, options?: ToastOptions) => void;
+  info: (message: ReactNode, options?: ToastOptions) => void;
+  warning: (message: ReactNode, options?: ToastOptions) => void;
+};

package/dist/components/general/Button.d.ts

@@ -0,0 +1,48 @@
+import type {
+  ReactNode,
+  MouseEvent,
+  CSSProperties,
+  FC,
+  HTMLAttributes
+} from "react";
+import type {
+  defaultColorType,
+  shapeType,
+  borderType,
+  shadowType
+} from "../commonType";
+
+export type LoadingType = "default" | "elastic" | "brush";
+export type IconPosition = "left" | "right" | "";
+export type ButtonSize = "sm" | "md" | "lg";
+
+export interface ButtonProps
+  extends Omit<HTMLAttributes<HTMLButtonElement>, "onClick"> {
+  children?: ReactNode;
+  colorType?: defaultColorType;
+  background?: string;
+  color?: string;
+  border?: boolean;
+  borderColor?: string;
+  borderType?: borderType;
+  borderWeight?: number;
+  onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+  className?: string;
+  icon?: ReactNode;
+  iconPosition?: IconPosition;
+  disabled?: boolean;
+  loading?: boolean;
+  loadingText?: string;
+  loadingType?: LoadingType;
+  loadingPosition?: "left" | "right";
+  shape?: shapeType;
+  shadow?: shadowType;
+  size?: ButtonSize;
+  style?: CSSProperties;
+  ariaLabel?: string;
+  ariaPressed?: boolean;
+  ariaExpanded?: boolean;
+  ariaControls?: string;
+}
+
+export declare const Button: FC<ButtonProps>;

package/dist/components/general/FloatButton.d.ts

@@ -0,0 +1,53 @@
+import type { ReactNode, MouseEvent, CSSProperties, FC } from "react";
+import type { ButtonProps } from "./Button";
+import type {
+  defaultColorType,
+  defaultSizeType,
+  shapeType,
+  borderType,
+  shadowType
+} from "../commonType";
+
+export type FloatButtonPlacement =
+  | "bottom-right"
+  | "bottom-left"
+  | "bottom-center"
+  | "top-right"
+  | "top-left"
+  | "top-center"
+  | "left-center"
+  | "right-center";
+
+export type FloatButtonDirection = "up" | "down" | "left" | "right";
+
+export interface FloatButtonAction extends Omit<ButtonProps, "children"> {}
+
+export interface FloatButtonProps {
+  icon?: ReactNode;
+  onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+  actions?: FloatButtonAction[];
+  placement?: FloatButtonPlacement;
+  shape?: shapeType;
+  colorType?: defaultColorType;
+  background?: string;
+  color?: string;
+  border?: boolean;
+  borderColor?: string;
+  borderType?: borderType;
+  borderWeight?: number;
+  disabled?: boolean;
+  shadow?: shadowType;
+  style?: CSSProperties;
+  className?: string;
+  ariaLabel?: string;
+  ariaPressed?: boolean;
+  ariaExpanded?: boolean;
+  ariaControls?: string;
+  role?: string;
+  subColorType?: defaultColorType;
+  size?: defaultSizeType;
+  isExample?: boolean;
+  direction?: FloatButtonDirection;
+}
+
+export declare const FloatButton: FC<FloatButtonProps>;

package/dist/components/general/Typography.d.ts

@@ -0,0 +1,46 @@
+import type {
+  ReactNode,
+  CSSProperties,
+  FC,
+  HTMLAttributes,
+  ElementType
+} from "react";
+
+export type PretendardWeight =
+  | "T"
+  | "EL"
+  | "L"
+  | "R"
+  | "M"
+  | "SB"
+  | "B"
+  | "Black";
+export type GmarketWeight = "Light" | "Medium" | "Bold";
+export type SuiteWeight = "L" | "R" | "M" | "SM" | "B" | "EB" | "H";
+export type FontSize =
+  | "xs"
+  | "sm"
+  | "base"
+  | "lg"
+  | "xl"
+  | "2xl"
+  | "3xl"
+  | "4xl";
+export type FontWeight = "light" | "normal" | "medium" | "semibold" | "bold";
+
+export interface TypographyProps extends HTMLAttributes<HTMLElement> {
+  children?: ReactNode;
+  pretendard?: PretendardWeight;
+  gmarket?: GmarketWeight;
+  suite?: SuiteWeight;
+  code?: boolean;
+  fontFamily?: string;
+  size?: FontSize;
+  weight?: FontWeight;
+  as?: ElementType;
+  color?: string;
+  className?: string;
+  style?: CSSProperties;
+}
+
+export declare const Typography: FC<TypographyProps>;

package/dist/components/layout/Content/index.d.ts

@@ -0,0 +1,28 @@
+import type {
+  ReactNode,
+  CSSProperties,
+  ForwardRefExoticComponent,
+  RefAttributes,
+  HTMLAttributes
+} from "react";
+
+export interface LayoutOffset {
+  header?: number;
+  footer?: number;
+  sider?: number;
+}
+
+export interface ContentProps extends HTMLAttributes<HTMLDivElement> {
+  children?: ReactNode;
+  className?: string;
+  background?: string;
+  color?: string;
+  layoutOffset?: LayoutOffset;
+  style?: CSSProperties;
+}
+
+declare const Content: ForwardRefExoticComponent<
+  ContentProps & RefAttributes<HTMLDivElement>
+>;
+
+export default Content;

package/dist/components/layout/Footer/index.d.ts

@@ -0,0 +1,39 @@
+import type {
+  ReactNode,
+  CSSProperties,
+  ForwardRefExoticComponent,
+  RefAttributes,
+  HTMLAttributes
+} from "react";
+import type {
+  defaultColorType,
+  shapeType,
+  borderType,
+  shadowType
+} from "../../commonType";
+
+export interface FooterProps extends HTMLAttributes<HTMLDivElement> {
+  children?: ReactNode;
+  background?: string;
+  color?: string;
+  colorType?: defaultColorType;
+  borderColor?: string;
+  borderType?: borderType;
+  borderWeight?: string | number;
+  className?: string;
+  shape?: shapeType;
+  height?: string | number;
+  FullWidth?: boolean;
+  shadow?: shadowType;
+  onHeightChange?: (height: number) => void;
+  siderPosition?: "above-header" | "below-header";
+  siderWidth?: number;
+  border?: boolean;
+  style?: CSSProperties;
+}
+
+declare const Footer: ForwardRefExoticComponent<
+  FooterProps & RefAttributes<HTMLDivElement>
+>;
+
+export default Footer;

package/dist/components/layout/Header/index.d.ts

@@ -0,0 +1,37 @@
+import type {
+  ReactNode,
+  CSSProperties,
+  ForwardRefExoticComponent,
+  RefAttributes
+} from "react";
+import type {
+  defaultColorType,
+  shapeType,
+  borderType,
+  shadowType
+} from "../../commonType";
+
+export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+  children?: ReactNode;
+  background?: string;
+  color?: string;
+  colorType?: defaultColorType;
+  borderColor?: string;
+  borderType?: borderType;
+  borderWeight?: string | number;
+  className?: string;
+  shape?: shapeType;
+  height?: string | number;
+  FullWidth?: boolean;
+  shadow?: shadowType;
+  siderPosition?: "above-header" | "below-header";
+  siderWidth?: number;
+  border?: boolean;
+  style?: CSSProperties;
+}
+
+declare const Header: ForwardRefExoticComponent<
+  HeaderProps & RefAttributes<HTMLDivElement>
+>;
+
+export default Header;

package/dist/components/layout/Layout/index.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode, FC, HTMLAttributes } from "react";
+
+export type LayoutSiderPosition = "above-header" | "below-header";
+
+export interface LayoutProps extends HTMLAttributes<HTMLDivElement> {
+  children?: ReactNode;
+  siderPosition?: LayoutSiderPosition;
+}
+
+declare const Layout: FC<LayoutProps>;
+export default Layout;

package/dist/components/layout/Sider/index.d.ts

@@ -0,0 +1,40 @@
+import type {
+  ReactNode,
+  CSSProperties,
+  ForwardRefExoticComponent,
+  RefAttributes,
+  HTMLAttributes
+} from "react";
+import type {
+  defaultColorType,
+  shapeType,
+  borderType,
+  shadowType
+} from "../../commonType";
+
+export interface SiderProps extends HTMLAttributes<HTMLDivElement> {
+  children?: ReactNode;
+  background?: string;
+  colorType?: defaultColorType;
+  color?: string;
+  borderColor?: string;
+  borderType?: borderType;
+  borderWeight?: string | number;
+  className?: string;
+  shape?: shapeType;
+  width?: string | number;
+  FullHeight?: boolean;
+  shadow?: shadowType;
+  onWidthChange?: (width: number) => void;
+  siderPosition?: "above-header" | "below-header";
+  headerHeight?: number;
+  footerHeight?: number;
+  border?: boolean;
+  style?: CSSProperties;
+}
+
+declare const Sider: ForwardRefExoticComponent<
+  SiderProps & RefAttributes<HTMLDivElement>
+>;
+
+export default Sider;

package/dist/components/navigation/Breadcrumb.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode, CSSProperties, FC } from "react";
+import type { fontSizeType } from "../commonType";
+
+export interface BreadcrumbItem {
+  label: ReactNode;
+  href?: string;
+}
+
+export interface BreadcrumbProps {
+  className?: string;
+  items?: BreadcrumbItem[];
+  separator?: ReactNode;
+  style?: CSSProperties;
+  separatorStyle?: CSSProperties;
+  linkStyle?: CSSProperties;
+  itemStyle?: CSSProperties;
+  listStyle?: CSSProperties;
+  size?: fontSizeType;
+}
+
+declare const Breadcrumb: FC<BreadcrumbProps>;
+export default Breadcrumb;

package/dist/components/navigation/Divider.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode, CSSProperties, FC, HTMLAttributes } from "react";
+import type { defaultColorType, borderType } from "../commonType";
+
+export type DividerAlign = "left" | "center" | "right" | "top" | "bottom";
+
+export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+  content?: ReactNode;
+  align?: DividerAlign;
+  borderWeight?: number;
+  borderType?: borderType;
+  border?: boolean;
+  color?: string;
+  borderColor?: string;
+  colorType?: defaultColorType;
+  width?: string | number;
+  height?: string | number;
+  vertical?: boolean;
+  style?: CSSProperties;
+  className?: string;
+}
+
+declare const Divider: FC<DividerProps>;
+export default Divider;

package/dist/components/navigation/Dropdown.d.ts

@@ -0,0 +1,40 @@
+import type { ReactNode, CSSProperties, FC, HTMLAttributes } from "react";
+import type { MenuItem } from "./Menu";
+import type { PopupPlacement, PopupTrigger } from "./base/PopupBase";
+import type {
+  defaultColorType,
+  shapeType,
+  borderType,
+  shadowType
+} from "../commonType";
+
+export interface DropdownProps
+  extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
+  children: ReactNode;
+  title?: ReactNode;
+  trigger?: PopupTrigger;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  closeOnClick?: boolean;
+  disabled?: boolean;
+  className?: string;
+  items?: MenuItem[];
+  background?: string;
+  color?: string;
+  border?: boolean;
+  borderColor?: string;
+  borderType?: borderType;
+  borderWeight?: number;
+  shape?: shapeType;
+  shadow?: shadowType;
+  expandType?: "accordion" | "popover";
+  popupPlacement?: PopupPlacement;
+  placement?: [PopupPlacement, PopupPlacement];
+  colorType?: defaultColorType;
+  style?: CSSProperties;
+  wrapperStyle?: CSSProperties;
+}
+
+declare const Dropdown: FC<DropdownProps>;
+export default Dropdown;