@jbpark/ui-kit 1.1.3

package/dist/index.d.mts

@@ -0,0 +1,564 @@
+import { t as Typography } from "./index-03IpZ7BA.mjs";
+import { i as MenuProps, n as Menu } from "./index-Bis4UfFa.mjs";
+import { a as Reveals } from "./index-BkkNNoK0.mjs";
+import * as React$2 from "react";
+import React$1, { HTMLAttributes, MouseEvent } from "react";
+import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime18 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 * as class_variance_authority_types0 from "class-variance-authority/types";
+import { SwiperOptions } from "swiper/types";
+
+//#region src/core/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost" | null | undefined;
+  size?: "icon" | "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type Props$21 = React$2.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+  asChild?: boolean;
+};
+//#endregion
+//#region src/components/atoms/Button/index.d.ts
+type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
+interface Props$20 extends Omit<Props$21, 'size'> {
+  icon?: React.ReactNode;
+  block?: boolean;
+  danger?: boolean;
+  disabled?: boolean;
+  size?: 'small' | 'medium' | 'large';
+  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$20) => react_jsx_runtime18.JSX.Element;
+//#endregion
+//#region src/components/atoms/Checkbox/Group/index.d.ts
+type Option = {
+  label: string;
+  value: OptionValue;
+  checked?: boolean;
+};
+type Options = string[] | number[] | boolean[] | Option[];
+interface Props$19 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+  options?: Options;
+  direction?: string;
+  placement?: string;
+  classNames?: Record<string, string>;
+  onChange?: (values: OptionValue[]) => void;
+}
+//#endregion
+//#region src/components/atoms/Checkbox/index.d.ts
+type OptionValue = string | number | boolean;
+interface Props$18 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+  placement?: string;
+  checked?: boolean;
+  value?: OptionValue;
+  icons?: {
+    checked: React.ReactNode;
+    unchecked: React.ReactNode;
+  };
+  children?: React.ReactNode;
+  onChange?: (checked: boolean) => void;
+}
+declare const Checkbox: {
+  ({
+    placement,
+    value,
+    children,
+    className,
+    icons,
+    checked: _checked,
+    onChange: _onChange,
+    ...props
+  }: Props$18): react_jsx_runtime18.JSX.Element;
+  Group: ({
+    direction,
+    placement,
+    className,
+    classNames,
+    options: _options,
+    onChange
+  }: Props$19) => react_jsx_runtime18.JSX.Element;
+};
+//#endregion
+//#region src/components/atoms/FloatButton/BackTop/index.d.ts
+interface Props$17 extends Props$20 {
+  visibilityHeight?: number;
+  onClick?: (e: MouseEvent<HTMLElement>) => void;
+}
+//#endregion
+//#region src/components/atoms/FloatButton/index.d.ts
+interface Props$16 extends Props$20 {}
+declare const FloatButton: {
+  ({
+    className,
+    children,
+    ...props
+  }: Props$16): react_jsx_runtime18.JSX.Element;
+  BackTop: ({
+    visibilityHeight,
+    className,
+    onClick,
+    ...props
+  }: Props$17) => react_jsx_runtime18.JSX.Element;
+};
+//#endregion
+//#region src/components/atoms/Progress/index.d.ts
+interface Props$15 extends React.HTMLAttributes<HTMLElement> {
+  value: number;
+  direction?: 'horizontal' | 'vertical';
+  classNames?: {
+    background?: string;
+    bar?: string;
+  };
+}
+declare const Progress: ({
+  value,
+  className,
+  direction,
+  classNames
+}: Props$15) => react_jsx_runtime18.JSX.Element;
+//#endregion
+//#region src/components/atoms/Skeleton/index.d.ts
+interface Props$14 extends React.HTMLAttributes<HTMLDivElement> {
+  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<React$2.ReactNode> | Promise<string | number | bigint | boolean | React$2.ReactPortal | React$2.ReactElement<unknown, string | React$2.JSXElementConstructor<any>> | Iterable<React$2.ReactNode> | null | undefined> | react_jsx_runtime18.JSX.Element | null | undefined;
+  Button: ({
+    className,
+    ...props
+  }: Props$14) => react_jsx_runtime18.JSX.Element;
+  Node: ({
+    className,
+    ...props
+  }: Props$14) => react_jsx_runtime18.JSX.Element;
+};
+//#endregion
+//#region src/components/atoms/Spin/index.d.ts
+interface Props$13 extends React.HTMLAttributes<HTMLDivElement> {
+  spinning?: boolean;
+}
+declare const Spin: ({
+  spinning,
+  className,
+  ...props
+}: Props$13) => react_jsx_runtime18.JSX.Element | null;
+//#endregion
+//#region src/components/atoms/Switch/index.d.ts
+interface Props$12 extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
+  classNames?: {
+    track?: string;
+    handle?: string;
+  };
+  checked?: boolean;
+  disabled?: boolean;
+  onChange?: (checked: boolean) => void;
+}
+declare const Switch: ({
+  onChange,
+  className,
+  classNames,
+  ...props
+}: Props$12) => react_jsx_runtime18.JSX.Element;
+//#endregion
+//#region src/components/molecules/Card/index.d.ts
+interface Props$11 extends Omit<React.HTMLProps<HTMLDivElement>, '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_runtime18.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 React$1.HTMLAttributes<HTMLElement> {
+  items?: Item[];
+  accordion?: boolean;
+  expandIcon?: React$1.ReactNode;
+  classNames?: {
+    item?: string;
+    header?: string;
+    body?: string;
+  };
+  defaultActiveKey?: string[] | number[];
+}
+declare const Collapse: ({
+  expandIcon,
+  accordion,
+  items: _items,
+  className,
+  classNames,
+  defaultActiveKey
+}: Props$10) => react_jsx_runtime18.JSX.Element;
+//#endregion
+//#region src/components/molecules/Dropdown/index.d.ts
+type ChangeEventHandler = (open: boolean) => void;
+interface Props$9 extends React.HTMLAttributes<HTMLElement> {
+  open?: boolean;
+  trigger?: string;
+  menu?: MenuProps;
+  placement?: string;
+  onOpenChange?: ChangeEventHandler;
+}
+declare const Dropdown: ({
+  children,
+  menu,
+  trigger,
+  open: _open,
+  onOpenChange,
+  ...props
+}: Props$9) => react_jsx_runtime18.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 React.HTMLAttributes<HTMLDivElement>, ItemProps {
+  width: string | number;
+}
+//#endregion
+//#region src/components/molecules/Marquees/index.d.ts
+interface Props$7 extends React.HTMLAttributes<HTMLDivElement> {
+  speed?: number;
+  autoFill?: boolean | number;
+  pauseOnHover?: boolean;
+  items?: ItemProps[];
+}
+declare const Marquees: {
+  ({
+    className,
+    items,
+    speed,
+    pauseOnHover,
+    autoFill,
+    ...props
+  }: Props$7): react_jsx_runtime18.JSX.Element;
+  Item: ({
+    width: _width,
+    speed,
+    autoFill,
+    pause: _pause,
+    pauseOnHover,
+    children
+  }: Props$8) => react_jsx_runtime18.JSX.Element;
+};
+//#endregion
+//#region src/components/molecules/Space/index.d.ts
+interface Props$6 extends HTMLAttributes<HTMLDivElement> {
+  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_runtime18.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_runtime18.JSX.Element | null;
+//#endregion
+//#region src/components/organisms/List/index.d.ts
+interface Props$4<T> extends Omit<React$1.HTMLAttributes<HTMLDivElement>, '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_runtime18.JSX.Element;
+  Item: ({
+    children,
+    className,
+    ...props
+  }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime18.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_runtime18.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_runtime18.JSX.Element;
+  Slide: {
+    ({
+      children,
+      className,
+      ...props
+    }: swiper_react0.SwiperSlideProps): react_jsx_runtime18.JSX.Element;
+    displayName: string;
+  };
+};
+//#endregion
+//#region src/components/templates/Layout/Header/index.d.ts
+interface Props$1 extends React.HTMLAttributes<HTMLDivElement> {}
+//#endregion
+//#region src/components/templates/Layout/index.d.ts
+interface Props extends React.HTMLAttributes<HTMLDivElement> {}
+declare const Layout: {
+  ({
+    children,
+    className,
+    ...props
+  }: Props): react_jsx_runtime18.JSX.Element;
+  Content: ({
+    children,
+    className,
+    ...props
+  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime18.JSX.Element;
+  Footer: ({
+    children,
+    className,
+    ...props
+  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime18.JSX.Element;
+  Header: ({
+    children,
+    className,
+    ...props
+  }: Props$1) => react_jsx_runtime18.JSX.Element;
+  Sider: ({
+    children,
+    className,
+    ...props
+  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime18.JSX.Element;
+};
+//#endregion
+export { Button, Card, Checkbox, Collapse, Drawer, Dropdown, FloatButton, Layout, List, Marquees, Menu, Modal, Progress, Reveals, Skeleton, Space, Spin, Swiper, Switch, Typography };