@jbpark/ui-kit 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,533 @@
+import { t as Typography } from "./index-BqaluEQ4.mjs";
+import { i as MenuProps, n as Menu } from "./index-BO7hcWjo.mjs";
+import { a as Reveals } from "./index-DS-PGSIg.mjs";
+import * as React$2 from "react";
+import React$1, { HTMLAttributes, MouseEvent } from "react";
+import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime12 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$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_runtime12.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_runtime12.JSX.Element;
+  Group: ({
+    direction,
+    placement,
+    className,
+    classNames,
+    options: _options,
+    onChange
+  }: Props$18) => react_jsx_runtime12.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_runtime12.JSX.Element;
+  BackTop: ({
+    visibilityHeight,
+    className,
+    onClick,
+    ...props
+  }: Props$16) => react_jsx_runtime12.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_runtime12.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_runtime12.JSX.Element | null | undefined;
+  Button: ({
+    className,
+    ...props
+  }: Props$13) => react_jsx_runtime12.JSX.Element;
+  Node: ({
+    className,
+    ...props
+  }: Props$13) => react_jsx_runtime12.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_runtime12.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_runtime12.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_runtime12.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_runtime12.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_runtime12.JSX.Element;
+  Item: ({
+    width: _width,
+    speed,
+    autoFill,
+    pause: _pause,
+    pauseOnHover,
+    children
+  }: Props$8) => react_jsx_runtime12.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_runtime12.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_runtime12.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_runtime12.JSX.Element;
+  Item: ({
+    children,
+    className,
+    ...props
+  }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime12.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_runtime12.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_runtime12.JSX.Element;
+  Slide: {
+    ({
+      children,
+      className,
+      ...props
+    }: swiper_react0.SwiperSlideProps): react_jsx_runtime12.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_runtime12.JSX.Element;
+  Content: ({
+    children,
+    className,
+    ...props
+  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime12.JSX.Element;
+  Footer: ({
+    children,
+    className,
+    ...props
+  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime12.JSX.Element;
+  Header: ({
+    children,
+    className,
+    ...props
+  }: Props$1) => react_jsx_runtime12.JSX.Element;
+  Sider: ({
+    children,
+    className,
+    ...props
+  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime12.JSX.Element;
+};
+//#endregion
+export { Button, Checkbox, Collapse, Drawer, Dropdown, FloatButton, Layout, List, Marquees, Menu, Modal, Progress, Reveals, Skeleton, Space, Spin, Swiper, Switch, Typography };

package/dist/index.mjs

@@ -0,0 +1,6 @@
+import { _ as Checkbox_default, a as Drawer_default, c as Dropdown_default, d as Collapse_default, f as Switch_default, g as FloatButton_default, h as Progress_default, i as List_default, l as Menu_default, m as Skeleton_default, n as Swiper_default, o as Space_default, p as Spin_default, r as Modal_default, s as Marquees_default, t as Layout_default, v as Button_default } from "./src-DlEgA3c9.mjs";
+import "./utils-DEenfsJ-.mjs";
+import { t as Typography_default } from "./Typography-LYvEW-c8.mjs";
+import { i as Reveals_default } from "./Reveals-BpnYZJUk.mjs";
+
+export { Button_default as Button, Checkbox_default as Checkbox, Collapse_default as Collapse, Drawer_default as Drawer, Dropdown_default as Dropdown, FloatButton_default as FloatButton, Layout_default as Layout, List_default as List, Marquees_default as Marquees, Menu_default as Menu, Modal_default as Modal, Progress_default as Progress, Reveals_default as Reveals, Skeleton_default as Skeleton, Space_default as Space, Spin_default as Spin, Swiper_default as Swiper, Switch_default as Switch, Typography_default as Typography };

package/dist/src-CkhEsWv5.css

@@ -0,0 +1,124 @@
+
+@config "../tailwind.config.js";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.145 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.145 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.396 0.141 25.723);
+  --destructive-foreground: oklch(0.637 0.237 25.331);
+  --border: oklch(0.269 0 0);
+  --input: oklch(0.269 0 0);
+  --ring: oklch(0.439 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(0.269 0 0);
+  --sidebar-ring: oklch(0.439 0 0);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+