@jbpark/ui-kit 2.3.2 → 2.3.4

package/dist/index.d.mts

@@ -1,715 +1,30 @@
-import { n as Typography } from "./index-vBhS7Nno.mjs";
-import { a as MenuProps, r as Menu } from "./index-tclrN3ts.mjs";
-import { a as Reveals } from "./index-BcxCfsJl.mjs";
-import { b as RadioGroup, l as Select$1, yt as Props$27 } from "./index-BC23qXS8.mjs";
-import * as react0 from "react";
-import React$1, { MouseEvent } from "react";
-import * as react_jsx_runtime80 from "react/jsx-runtime";
-import * as swiper_react0 from "swiper/react";
-import { SwiperProps } from "swiper/react";
-import "swiper/css";
-import "swiper/css/autoplay";
-import "swiper/css/effect-cards";
-import "swiper/css/navigation";
-import "swiper/css/scrollbar";
-import { SwiperOptions } from "swiper/types";
-
-//#region src/components/atoms/Button/index.d.ts
-type ButtonProps = Props$27;
-type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
-interface Props$26 extends Omit<ButtonProps, 'size' | 'variant'> {
-  icon?: React.ReactNode;
-  block?: boolean;
-  danger?: boolean;
-  disabled?: boolean;
-  size?: 'small' | 'middle' | 'large';
-  variant?: 'solid' | 'outlined' | 'dashed' | 'filled' | 'text' | 'link';
-  color?: PresetColors | 'default' | 'primary' | 'danger';
-  loading?: boolean | {
-    icon: React.ReactNode;
-  };
-}
-declare const Button: ({
-  icon,
-  className,
-  variant,
-  size,
-  color,
-  block,
-  disabled,
-  loading,
-  danger,
-  children,
-  onMouseDown,
-  ...props
-}: Props$26) => react_jsx_runtime80.JSX.Element;
-//#endregion
-//#region src/components/atoms/Checkbox/Group/index.d.ts
-type Option$2 = {
-  label: string;
-  value: OptionValue$1;
-};
-type Options$1 = string[] | number[] | boolean[] | Option$2[];
-interface Props$25 extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'defaultValue' | 'value'> {
-  options?: Options$1;
-  orientation?: 'vertical' | 'horizontal';
-  placement?: 'left' | 'right';
-  classNames?: Record<string, string>;
-  defaultValue?: OptionValue$1[];
-  value?: OptionValue$1[];
-  onChange?: (values: OptionValue$1[]) => void;
-}
-//#endregion
-//#region src/components/atoms/Checkbox/index.d.ts
-type OptionValue$1 = string | number | boolean;
-interface Props$24 extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {
-  placement?: 'left' | 'right';
-  defaultChecked?: boolean;
-  checked?: boolean;
-  value?: OptionValue$1;
-  disabled?: boolean;
-  icons?: {
-    checked: React.ReactNode;
-    unchecked: React.ReactNode;
-  };
-  children?: React.ReactNode;
-  onChange?: (checked: boolean) => void;
-}
-declare const Checkbox: {
-  ({
-    placement,
-    value,
-    children,
-    className,
-    icons,
-    disabled,
-    defaultChecked,
-    checked: _checked,
-    onChange: _onChange,
-    ...props
-  }: Props$24): react_jsx_runtime80.JSX.Element;
-  Group: ({
-    orientation,
-    placement,
-    className,
-    classNames,
-    options: _options,
-    defaultValue,
-    value: _value,
-    onChange: _onChange
-  }: Props$25) => react_jsx_runtime80.JSX.Element;
-};
-//#endregion
-//#region src/components/atoms/ColorPicker/index.d.ts
-interface Props$23 {
-  defaultValue?: string;
-  value?: string;
-  showText?: boolean;
-  onChange?: (color: string) => void;
-}
-declare const ColorPicker: ({
-  defaultValue,
-  value: _value,
-  showText,
-  onChange: _onChange
-}: Props$23) => react_jsx_runtime80.JSX.Element;
-//#endregion
-//#region src/components/atoms/FloatButton/BackTop/index.d.ts
-interface Props$22 extends Props$26 {
-  visibilityHeight?: number;
-  onClick?: (e: MouseEvent<HTMLElement>) => void;
-}
-//#endregion
-//#region src/components/atoms/FloatButton/index.d.ts
-interface Props$21 extends Props$26 {}
-declare const FloatButton: {
-  ({
-    className,
-    children,
-    ...props
-  }: Props$21): react_jsx_runtime80.JSX.Element;
-  BackTop: ({
-    visibilityHeight,
-    className,
-    onClick,
-    ...props
-  }: Props$22) => react_jsx_runtime80.JSX.Element;
-};
-//#endregion
-//#region src/components/atoms/Input/Search/index.d.ts
-interface Props$20 extends React.ComponentPropsWithRef<'input'> {
-  allowClear?: boolean;
-  onChange?: (e: React.ChangeEvent<HTMLInputElement> | {
-    target: {
-      value: string;
-    };
-  }) => void;
-  onSearch?: (value: string) => void;
-}
-//#endregion
-//#region src/components/atoms/Input/index.d.ts
-declare const Input: {
-  ({
-    ...props
-  }: React.ComponentPropsWithoutRef<"input">): react_jsx_runtime80.JSX.Element;
-  Search: {
-    ({
-      ref,
-      className,
-      defaultValue,
-      value,
-      allowClear,
-      onChange,
-      onSearch: _onSearch,
-      ...props
-    }: Props$20): react_jsx_runtime80.JSX.Element;
-    displayName: string;
-  };
-  TextArea: ({
-    className,
-    ref,
-    ...props
-  }: React.ComponentPropsWithRef<"textarea">) => react_jsx_runtime80.JSX.Element;
-};
-//#endregion
-//#region src/components/atoms/Popover/index.d.ts
-type Placement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
-interface Props$19 extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title' | 'content'> {
-  title?: React.ReactNode;
-  placement?: Placement;
-  content: React.ReactNode;
-}
-declare const Popover: ({
-  title,
-  placement,
-  className,
-  content,
-  children
-}: Props$19) => react_jsx_runtime80.JSX.Element;
-//#endregion
-//#region src/components/atoms/Progress/index.d.ts
-interface Props$18 extends React.ComponentPropsWithoutRef<'div'> {
-  value: number;
-  direction?: 'horizontal' | 'vertical';
-  classNames?: {
-    background?: string;
-    bar?: string;
-  };
-}
-declare const Progress: ({
-  value,
-  className,
-  direction,
-  classNames
-}: Props$18) => react_jsx_runtime80.JSX.Element;
-//#endregion
-//#region src/components/atoms/Radio/Group/index.d.ts
-type Option$1 = {
-  label: string;
-  value: OptionValue;
-};
-type Options = string[] | number[] | boolean[] | Option$1[];
-interface Props$17 extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'defaultValue' | 'value'> {
-  options?: Options;
-  orientation?: 'vertical' | 'horizontal';
-  placement?: 'left' | 'right';
-  classNames?: Record<string, string>;
-  defaultValue?: OptionValue;
-  value?: OptionValue;
-  onChange?: (value: OptionValue) => void;
-}
-//#endregion
-//#region src/components/atoms/Radio/index.d.ts
-declare const Core$1: typeof RadioGroup;
-type OptionValue = string | number | boolean;
-interface Props$16 extends Omit<React.ComponentPropsWithoutRef<typeof Core$1>, 'onChange' | 'value'> {
-  placement?: 'left' | 'right';
-  defaultChecked?: boolean;
-  checked?: boolean;
-  value?: OptionValue;
-  disabled?: boolean;
-  icons?: {
-    checked: React.ReactNode;
-    unchecked: React.ReactNode;
-  };
-  onChange?: (checked: boolean) => void;
-}
-declare const Radio: {
-  ({
-    placement,
-    value,
-    children,
-    className,
-    icons,
-    disabled,
-    defaultChecked,
-    checked: _checked,
-    onChange: _onChange,
-    ...props
-  }: Props$16): react_jsx_runtime80.JSX.Element;
-  Group: ({
-    orientation,
-    placement,
-    className,
-    classNames,
-    options: _options,
-    defaultValue,
-    value: _value,
-    onChange: _onChange
-  }: Props$17) => react_jsx_runtime80.JSX.Element;
-};
-//#endregion
-//#region src/components/atoms/Select/index.d.ts
-declare const Core: typeof Select$1;
-interface Option {
-  label: React$1.ReactNode;
-  value: string;
-}
-interface OptionGroup {
-  label: React$1.ReactNode;
-  options: Option[];
-}
-interface Props$15 extends React$1.ComponentProps<typeof Core> {
-  placeholder?: string;
-  className?: string;
-  options?: (Option | OptionGroup)[];
-  onChange?: (value: string) => void;
-}
-declare const Select: ({
-  className,
-  placeholder,
-  options,
-  onChange,
-  ...props
-}: Props$15) => react_jsx_runtime80.JSX.Element;
-//#endregion
-//#region src/components/atoms/Skeleton/index.d.ts
-interface Props$14 extends React.ComponentPropsWithoutRef<'div'> {
-  active?: boolean;
-  loading?: boolean;
-  avatar?: boolean;
-  size?: 'default' | 'small' | 'large';
-  count?: number;
-  gap?: number;
-  direction?: 'horizontal' | 'vertical';
-  width?: string | number | (string | number)[];
-  height?: string | number | (string | number)[];
-  classNames?: {
-    wrapper?: string;
-    avatar?: string;
-    item?: string;
-  };
-}
-declare const Skeleton: {
-  ({
-    active,
-    loading,
-    avatar,
-    size,
-    direction,
-    count,
-    gap,
-    className,
-    classNames,
-    style,
-    width,
-    height,
-    children,
-    ...props
-  }: Props$14): string | number | bigint | boolean | Iterable<react0.ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<react0.ReactNode> | null | undefined> | react_jsx_runtime80.JSX.Element | null | undefined;
-  Button: ({
-    className,
-    ...props
-  }: Props$14) => react_jsx_runtime80.JSX.Element;
-  Node: ({
-    className,
-    ...props
-  }: Props$14) => react_jsx_runtime80.JSX.Element;
-};
-//#endregion
-//#region src/components/atoms/Spin/index.d.ts
-interface Props$13 extends React.ComponentPropsWithoutRef<'div'> {
-  spinning?: boolean;
-}
-declare const Spin: ({
-  spinning,
-  className,
-  ...props
-}: Props$13) => react_jsx_runtime80.JSX.Element | null;
-//#endregion
-//#region src/components/atoms/Switch/index.d.ts
-interface Props$12 extends Omit<React.ComponentPropsWithoutRef<'button'>, 'onChange'> {
-  classNames?: {
-    track?: string;
-    handle?: string;
-  };
-  defaultChecked?: boolean;
-  checked?: boolean;
-  disabled?: boolean;
-  onChange?: (checked: boolean) => void;
-}
-declare const Switch: ({
-  className,
-  classNames,
-  defaultChecked,
-  checked: _checked,
-  onChange: _onChange,
-  ...props
-}: Props$12) => react_jsx_runtime80.JSX.Element;
-//#endregion
-//#region src/components/molecules/Card/index.d.ts
-interface Props$11 extends Omit<React.ComponentPropsWithRef<'div'>, 'title'> {
-  title?: React.ReactNode;
-  variant?: 'outlined' | 'borderless';
-  classNames?: {
-    title?: string;
-    body?: string;
-  };
-}
-declare const Card: ({
-  title,
-  children,
-  className,
-  classNames,
-  variant,
-  ...props
-}: Props$11) => react_jsx_runtime80.JSX.Element;
-//#endregion
-//#region src/components/molecules/Collapse/index.d.ts
-interface Item {
-  key: React$1.Key;
-  label: React$1.ReactNode;
-  disabled?: boolean;
-  children: React$1.ReactNode;
-}
-interface Props$10 extends Omit<React$1.ComponentPropsWithoutRef<'div'>, 'onChange'> {
-  items?: Item[];
-  accordion?: boolean;
-  expandIcon?: React$1.ReactNode;
-  classNames?: {
-    item?: string;
-    header?: string;
-    body?: string;
-  };
-  defaultActiveKey?: string[] | number[];
-  activeKey?: string[] | number[];
-  onChange?: (keys: string[]) => void;
-}
-declare const Collapse: ({
-  expandIcon,
-  accordion,
-  items,
-  className,
-  classNames,
-  defaultActiveKey,
-  activeKey: _activeKey,
-  onChange: _onChange
-}: Props$10) => react_jsx_runtime80.JSX.Element;
-//#endregion
-//#region src/components/molecules/Dropdown/index.d.ts
-type ChangeEventHandler = (open: boolean) => void;
-interface Props$9 extends React.ComponentPropsWithoutRef<'div'> {
-  open?: boolean;
-  trigger?: string;
-  menu?: MenuProps;
-  placement?: string;
-  onOpenChange?: ChangeEventHandler;
-}
-declare const Dropdown: ({
-  children,
-  menu,
-  trigger,
-  open: _open,
-  onOpenChange: _onOpenChange,
-  ...props
-}: Props$9) => react_jsx_runtime80.JSX.Element;
-//#endregion
-//#region src/components/molecules/Marquees/Item/index.d.ts
-interface ItemProps {
-  key?: React.Key;
-  speed?: number;
-  autoFill?: boolean | number;
-  pause?: boolean;
-  pauseOnHover?: boolean;
-  children?: React.ReactNode;
-}
-interface Props$8 extends Omit<React.ComponentPropsWithoutRef<'div'>, 'key'>, ItemProps {
-  width: string | number;
-}
-//#endregion
-//#region src/components/molecules/Marquees/index.d.ts
-interface Props$7 extends React.ComponentPropsWithoutRef<'div'> {
-  speed?: number;
-  autoFill?: boolean | number;
-  pauseOnHover?: boolean;
-  items?: ItemProps[];
-}
-declare const Marquees: {
-  ({
-    className,
-    items,
-    speed,
-    pauseOnHover,
-    autoFill,
-    ...props
-  }: Props$7): react_jsx_runtime80.JSX.Element;
-  Item: ({
-    width: _width,
-    speed,
-    autoFill,
-    pause: _pause,
-    pauseOnHover,
-    children
-  }: Props$8) => react_jsx_runtime80.JSX.Element;
-};
-//#endregion
-//#region src/components/molecules/Space/index.d.ts
-interface Props$6 extends React.ComponentPropsWithRef<'div'> {
-  loading?: boolean;
-  loader?: React.ReactNode;
-  orientation?: 'horizontal' | 'vertical';
-  size?: 'small' | 'middle' | 'large' | number | number[];
-  align?: 'start' | 'end' | 'center' | 'baseline';
-  wrap?: boolean;
-  split?: React.ReactNode;
-  grid?: {
-    rows?: number;
-    cols?: number;
-  };
-}
-declare const Space: ({
-  loading,
-  loader,
-  children,
-  size,
-  orientation,
-  align,
-  wrap,
-  split,
-  className,
-  grid,
-  hidden,
-  style,
-  ...props
-}: Props$6) => react_jsx_runtime80.JSX.Element;
-//#endregion
-//#region src/components/organisms/Drawer/index.d.ts
-interface Props$5 {
-  open: boolean;
-  children?: React.ReactNode;
-  title?: React.ReactNode;
-  footer?: React.ReactNode;
-  closable?: boolean;
-  closeIcon?: React.ReactNode;
-  direction?: 'top' | 'bottom' | 'left' | 'right';
-  maskClosable?: boolean;
-  handlebar?: boolean;
-  draggable?: boolean;
-  rounded?: boolean;
-  mask?: boolean;
-  className?: string;
-  style?: React.CSSProperties;
-  classNames?: {
-    mask?: string;
-    content?: string;
-    handlebar?: string;
-    header?: string;
-    title?: string;
-    close?: string;
-    body?: string;
-    footer?: string;
-  };
-  container?: HTMLElement;
-  onClose: () => void;
-}
-declare const Drawer: ({
-  open,
-  title,
-  footer,
-  closable,
-  closeIcon,
-  direction,
-  maskClosable,
-  handlebar,
-  draggable,
-  rounded,
-  mask,
-  className,
-  classNames,
-  style,
-  children,
-  container,
-  onClose,
-  ...props
-}: Props$5) => react_jsx_runtime80.JSX.Element | null;
-//#endregion
-//#region src/components/organisms/List/index.d.ts
-interface Props$4<T> extends Omit<React$1.ComponentPropsWithoutRef<'div'>, 'title'> {
-  loading?: boolean;
-  loaderProps?: React$1.ComponentProps<typeof Skeleton>;
-  loader?: React$1.ReactNode;
-  title?: React$1.ReactNode;
-  header?: React$1.ReactNode;
-  empty?: React$1.ReactNode;
-  classNames?: {
-    title?: string;
-    header?: string;
-    body?: string;
-  };
-  scroll?: {
-    hasMore: boolean;
-    loading: boolean;
-    loader?: React$1.ReactNode;
-    options?: IntersectionObserverInit;
-    next: () => void;
-  };
-  data?: T[];
-  renderItem?: (item: T, index: number) => React$1.ReactNode;
-}
-declare const List: {
-  <T>({
-    loading,
-    loaderProps,
-    loader,
-    header,
-    title,
-    empty,
-    scroll,
-    data,
-    className,
-    classNames,
-    renderItem,
-    ...props
-  }: Props$4<T>): string | number | bigint | true | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | react_jsx_runtime80.JSX.Element;
-  Item: ({
-    children,
-    className,
-    ...props
-  }: React$1.ComponentPropsWithoutRef<"div">) => react_jsx_runtime80.JSX.Element;
-};
-//#endregion
-//#region src/components/organisms/Modal/index.d.ts
-interface Props$3 {
-  open?: boolean;
-  maskClosable?: boolean;
-  closable?: boolean | {
-    closeIcon?: React$1.ReactNode;
-    disabled?: boolean;
-  };
-  closeIcon?: React$1.ReactNode;
-  title?: React$1.ReactNode;
-  content?: React$1.ReactNode;
-  footer?: React$1.ReactNode;
-  className?: string;
-  classNames?: {
-    mask?: string;
-    header?: string;
-    body?: string;
-    footer?: string;
-  };
-  style?: React$1.CSSProperties;
-  okText?: string;
-  cancelText?: string;
-  container?: HTMLElement;
-  children?: React$1.ReactNode;
-  onOk?: () => void;
-  onCancel?: () => void;
-}
-interface StaticProps extends Props$3 {
-  type?: 'info' | 'success' | 'error' | 'warning' | 'confirm';
-  id?: string;
-  icon?: React$1.ReactNode;
-  container?: HTMLElement;
-}
-declare const Modal: {
-  ({
-    open,
-    maskClosable,
-    closable,
-    closeIcon,
-    className,
-    classNames,
-    style,
-    title,
-    footer,
-    container,
-    children,
-    okText,
-    cancelText,
-    onOk,
-    onCancel,
-    ...props
-  }: Props$3): react_jsx_runtime80.JSX.Element | null;
-  destroy(id?: string): void;
-  destroyAll(): void;
-  info(props: StaticProps): string | undefined;
-  success(props: StaticProps): string | undefined;
-  error(props: StaticProps): string | undefined;
-  warning(props: StaticProps): string | undefined;
-  confirm(props: StaticProps): string | undefined;
-};
-//#endregion
-//#region src/components/organisms/Swiper/index.d.ts
-interface Props$2<T> extends SwiperProps {
-  loading?: boolean;
-  loader?: React.ReactNode;
-  loadingClassName?: string;
-  options?: SwiperOptions;
-  data: T[];
-  renderItem(item: T, key: number): React.ReactNode;
-}
-declare const Swiper: {
-  <T>({
-    loading,
-    loader,
-    options,
-    data,
-    style,
-    renderItem,
-    loadingClassName,
-    ...props
-  }: Props$2<T>): react_jsx_runtime80.JSX.Element;
-  Slide: {
-    ({
-      children,
-      className,
-      ...props
-    }: swiper_react0.SwiperSlideProps): react_jsx_runtime80.JSX.Element;
-    displayName: string;
-  };
-};
-//#endregion
-//#region src/components/templates/Layout/Header/index.d.ts
-interface Props$1 extends React.ComponentPropsWithoutRef<'div'> {}
-//#endregion
-//#region src/components/templates/Layout/index.d.ts
-interface Props extends React.ComponentPropsWithoutRef<'div'> {}
-declare const Layout: {
-  ({
-    children,
-    className,
-    ...props
-  }: Props): react_jsx_runtime80.JSX.Element;
-  Content: ({
-    children,
-    className,
-    ...props
-  }: React.ComponentPropsWithoutRef<"div">) => react_jsx_runtime80.JSX.Element;
-  Footer: ({
-    children,
-    className,
-    ...props
-  }: React.ComponentPropsWithoutRef<"div">) => react_jsx_runtime80.JSX.Element;
-  Header: ({
-    children,
-    className,
-    ...props
-  }: Props$1) => react_jsx_runtime80.JSX.Element;
-  Sider: ({
-    children,
-    className,
-    ...props
-  }: React.ComponentPropsWithoutRef<"div">) => react_jsx_runtime80.JSX.Element;
-};
-//#endregion
+import Typography from "./Typography.mjs";
+import Menu from "./Menu.mjs";
+import Reveals from "./Reveals.mjs";
+import { Button } from "./components/atoms/Button/index.mjs";
+import { Checkbox } from "./components/atoms/Checkbox/index.mjs";
+import { ColorPicker } from "./components/atoms/ColorPicker/index.mjs";
+import { FloatButton } from "./components/atoms/FloatButton/index.mjs";
+import { Input } from "./components/atoms/Input/index.mjs";
+import { Popover } from "./components/atoms/Popover/index.mjs";
+import { Progress } from "./components/atoms/Progress/index.mjs";
+import { Radio } from "./components/atoms/Radio/index.mjs";
+import { Select } from "./components/atoms/Select/index.mjs";
+import { Skeleton } from "./components/atoms/Skeleton/index.mjs";
+import { Spin } from "./components/atoms/Spin/index.mjs";
+import { Switch } from "./components/atoms/Switch/index.mjs";
+import "./components/atoms/index.mjs";
+import { Card } from "./components/molecules/Card/index.mjs";
+import { Collapse } from "./components/molecules/Collapse/index.mjs";
+import { Dropdown } from "./components/molecules/Dropdown/index.mjs";
+import { Marquees } from "./components/molecules/Marquees/index.mjs";
+import { Space } from "./components/molecules/Space/index.mjs";
+import "./components/molecules/index.mjs";
+import { Drawer } from "./components/organisms/Drawer/index.mjs";
+import { List } from "./components/organisms/List/index.mjs";
+import { Modal } from "./components/organisms/Modal/index.mjs";
+import { Swiper } from "./components/organisms/Swiper/index.mjs";
+import "./components/organisms/index.mjs";
+import { Layout } from "./components/templates/Layout/index.mjs";
+import "./components/templates/index.mjs";
 export { Button, Card, Checkbox, Collapse, ColorPicker, Drawer, Dropdown, FloatButton, Input, Layout, List, Marquees, Menu, Modal, Popover, Progress, Radio, Reveals, Select, Skeleton, Space, Spin, Swiper, Switch, Typography };