@jbpark/ui-kit 1.0.0

package/dist/index-DS-PGSIg.d.mts

@@ -0,0 +1,97 @@
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+import { MotionProps } from "motion/react";
+
+//#region src/components/molecules/Reveals/Item/index.d.ts
+declare const effectVariants: {
+  fadeIn: {
+    offscreen: {
+      opacity: number;
+    };
+    onscreen: {
+      opacity: number;
+    };
+  };
+  fadeInUp: {
+    offscreen: {
+      opacity: number;
+      y: number;
+    };
+    onscreen: {
+      opacity: number;
+      y: number;
+    };
+  };
+  slideInUp: {
+    offscreen: {
+      opacity: number;
+      y: number;
+    };
+    onscreen: {
+      opacity: number;
+      y: number;
+    };
+  };
+};
+interface ItemProps {
+  effect?: keyof typeof effectVariants;
+  delay?: number;
+  once?: boolean;
+  duration?: number;
+  className?: string;
+  children?: React.ReactNode;
+  viewport?: MotionProps['viewport'];
+  variants?: MotionProps['variants'];
+  transition?: MotionProps['transition'];
+}
+declare const Item: ({
+  effect,
+  children,
+  once,
+  viewport,
+  variants,
+  duration,
+  delay,
+  transition,
+  className,
+  ...props
+}: ItemProps) => react_jsx_runtime11.JSX.Element;
+//#endregion
+//#region src/components/molecules/Reveals/index.d.ts
+interface Props extends React.HTMLAttributes<HTMLDivElement>, ItemProps {
+  cascade?: number;
+  classNames?: {
+    root?: string;
+    item?: string;
+  };
+  once?: boolean;
+  items?: ItemProps[];
+}
+declare const DURATION = 0.6;
+declare const DELAY = 0;
+declare const CASCADE = 0.1;
+declare const Reveals: {
+  ({
+    children,
+    className,
+    classNames,
+    items,
+    cascade,
+    duration,
+    delay,
+    ...props
+  }: Props): react_jsx_runtime11.JSX.Element;
+  Item: ({
+    effect,
+    children,
+    once,
+    viewport,
+    variants,
+    duration,
+    delay,
+    transition,
+    className,
+    ...props
+  }: ItemProps) => react_jsx_runtime11.JSX.Element;
+};
+//#endregion
+export { Reveals as a, Props as i, DELAY as n, Item as o, DURATION as r, ItemProps as s, CASCADE as t };

package/dist/index.cjs

@@ -0,0 +1,24 @@
+const require_src = require('./src-Dvkx0I-F.cjs');
+require('./utils-8r5MlYq5.cjs');
+const require_Typography = require('./Typography-B3MWBAA6.cjs');
+const require_Reveals = require('./Reveals-BIKKnQpn.cjs');
+
+exports.Button = require_src.Button_default;
+exports.Checkbox = require_src.Checkbox_default;
+exports.Collapse = require_src.Collapse_default;
+exports.Drawer = require_src.Drawer_default;
+exports.Dropdown = require_src.Dropdown_default;
+exports.FloatButton = require_src.FloatButton_default;
+exports.Layout = require_src.Layout_default;
+exports.List = require_src.List_default;
+exports.Marquees = require_src.Marquees_default;
+exports.Menu = require_src.Menu_default;
+exports.Modal = require_src.Modal_default;
+exports.Progress = require_src.Progress_default;
+exports.Reveals = require_Reveals.Reveals_default;
+exports.Skeleton = require_src.Skeleton_default;
+exports.Space = require_src.Space_default;
+exports.Spin = require_src.Spin_default;
+exports.Swiper = require_src.Swiper_default;
+exports.Switch = require_src.Switch_default;
+exports.Typography = require_Typography.Typography_default;

package/dist/index.d.cts

@@ -0,0 +1,528 @@
+import { t as Typography } from "./index-Cu2qFRc3.cjs";
+import { i as MenuProps, n as Menu } from "./index-D1Bkn0Xy.cjs";
+import { a as Reveals } from "./index-CdyEmwZC.cjs";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as React$2 from "react";
+import React$1, { HTMLAttributes, MouseEvent } from "react";
+import { VariantProps } from "class-variance-authority";
+import * as swiper_react0 from "swiper/react";
+import { SwiperProps } from "swiper/react";
+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$20 = React$2.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+  asChild?: boolean;
+};
+//#endregion
+//#region src/components/atoms/Button/index.d.ts
+interface Props$19 extends Props$20 {
+  icon?: React.ReactNode;
+  block?: boolean;
+  disabled?: boolean;
+  loading?: boolean | {
+    icon: React.ReactNode;
+  };
+}
+declare const Button: ({
+  icon,
+  className,
+  variant,
+  block,
+  disabled,
+  loading,
+  children,
+  onMouseDown,
+  ...props
+}: Props$19) => react_jsx_runtime17.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$18 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$17 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+  placement?: string;
+  checked?: boolean;
+  value?: OptionValue;
+  onChange?: (checked: boolean) => void;
+}
+declare const Checkbox: {
+  ({
+    placement,
+    value,
+    children,
+    className,
+    checked: _checked,
+    onChange: _onChange,
+    ...props
+  }: Props$17): react_jsx_runtime17.JSX.Element;
+  Group: ({
+    direction,
+    placement,
+    className,
+    classNames,
+    options: _options,
+    onChange
+  }: Props$18) => react_jsx_runtime17.JSX.Element;
+};
+//#endregion
+//#region src/components/atoms/FloatButton/BackTop/index.d.ts
+interface Props$16 extends Props$19 {
+  visibilityHeight?: number;
+  onClick?: (e: MouseEvent<HTMLElement>) => void;
+}
+//#endregion
+//#region src/components/atoms/FloatButton/index.d.ts
+interface Props$15 extends Props$19 {}
+declare const FloatButton: {
+  ({
+    className,
+    children,
+    ...props
+  }: Props$15): react_jsx_runtime17.JSX.Element;
+  BackTop: ({
+    visibilityHeight,
+    className,
+    onClick,
+    ...props
+  }: Props$16) => react_jsx_runtime17.JSX.Element;
+};
+//#endregion
+//#region src/components/atoms/Progress/index.d.ts
+interface Props$14 extends React.HTMLAttributes<HTMLElement> {
+  value: number;
+  direction?: 'horizontal' | 'vertical';
+  classNames?: {
+    background?: string;
+    bar?: string;
+  };
+}
+declare const Progress: ({
+  value,
+  className,
+  direction,
+  classNames
+}: Props$14) => react_jsx_runtime17.JSX.Element;
+//#endregion
+//#region src/components/atoms/Skeleton/index.d.ts
+interface Props$13 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$13): 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_runtime17.JSX.Element | null | undefined;
+  Button: ({
+    className,
+    ...props
+  }: Props$13) => react_jsx_runtime17.JSX.Element;
+  Node: ({
+    className,
+    ...props
+  }: Props$13) => react_jsx_runtime17.JSX.Element;
+};
+//#endregion
+//#region src/components/atoms/Spin/index.d.ts
+interface Props$12 extends React.HTMLAttributes<HTMLDivElement> {
+  spinning?: boolean;
+}
+declare const Spin: ({
+  spinning,
+  className,
+  ...props
+}: Props$12) => react_jsx_runtime17.JSX.Element | null;
+//#endregion
+//#region src/components/atoms/Switch/index.d.ts
+interface Props$11 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$11) => react_jsx_runtime17.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_runtime17.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_runtime17.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_runtime17.JSX.Element;
+  Item: ({
+    width: _width,
+    speed,
+    autoFill,
+    pause: _pause,
+    pauseOnHover,
+    children
+  }: Props$8) => react_jsx_runtime17.JSX.Element;
+};
+//#endregion
+//#region src/components/molecules/Space/index.d.ts
+interface Props$6 extends HTMLAttributes<HTMLDivElement> {
+  loading?: boolean;
+  loader?: React.ReactNode;
+  direction?: '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,
+  direction,
+  align,
+  wrap,
+  split,
+  className,
+  grid,
+  hidden,
+  style,
+  ...props
+}: Props$6) => react_jsx_runtime17.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_runtime17.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_runtime17.JSX.Element;
+  Item: ({
+    children,
+    className,
+    ...props
+  }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime17.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_runtime17.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_runtime17.JSX.Element;
+  Slide: {
+    ({
+      children,
+      className,
+      ...props
+    }: swiper_react0.SwiperSlideProps): react_jsx_runtime17.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_runtime17.JSX.Element;
+  Content: ({
+    children,
+    className,
+    ...props
+  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime17.JSX.Element;
+  Footer: ({
+    children,
+    className,
+    ...props
+  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime17.JSX.Element;
+  Header: ({
+    children,
+    className,
+    ...props
+  }: Props$1) => react_jsx_runtime17.JSX.Element;
+  Sider: ({
+    children,
+    className,
+    ...props
+  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime17.JSX.Element;
+};
+//#endregion
+export { Button, Checkbox, Collapse, Drawer, Dropdown, FloatButton, Layout, List, Marquees, Menu, Modal, Progress, Reveals, Skeleton, Space, Spin, Swiper, Switch, Typography };