@deepnoid/ui 0.1.223 → 1.0.0

package/dist/chunk-6AID2NLT.mjs

@@ -1,37 +0,0 @@
-"use client";
-import {
-  template
-} from "./chunk-P5L4YI54.mjs";
-
-// src/components/icon/Icon.tsx
-import { jsx } from "react/jsx-runtime";
-var iconTemplate = template;
-var Icon = ({ name, size = "md", fill = false, className, onClick, ...props }) => {
-  const SVGIcon = template[name];
-  const getInputIconSize = (size2) => {
-    switch (size2) {
-      case "sm":
-        return "size-[18px]";
-      case "md":
-        return "size-[21px] stroke-[1.25px]";
-      case "lg":
-        return "size-[24px] stroke-[1.5px]";
-      case "xl":
-        return "size-[27px] stroke-[1.5px]";
-    }
-  };
-  return /* @__PURE__ */ jsx("div", { className: "h-fit w-fit", onClick, children: /* @__PURE__ */ jsx(
-    SVGIcon,
-    {
-      fill,
-      className: className ? `${getInputIconSize(size)} ${className}` : `${getInputIconSize(size)}`,
-      ...props
-    }
-  ) });
-};
-var Icon_default = Icon;
-
-export {
-  iconTemplate,
-  Icon_default
-};

package/dist/chunk-BBRO35V3.mjs

@@ -1,385 +0,0 @@
-"use client";
-import {
-  useRipple
-} from "./chunk-SZL743JC.mjs";
-import {
-  ripple_default
-} from "./chunk-LXHUO6VM.mjs";
-import {
-  Icon_default
-} from "./chunk-6AID2NLT.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-U4DJHAM5.mjs";
-
-// src/components/button/icon-button.tsx
-import { forwardRef, useMemo, useCallback } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var IconButton = forwardRef((props, ref) => {
-  const [localProps, variantProps] = mapPropsVariants(props, iconButtonStyle.variantKeys);
-  const { classNames, name, disableRipple, disabled, isLoading, size, full, isInGroup, onMouseDown, ...buttonProps } = {
-    ...localProps,
-    ...variantProps
-  };
-  const slots = useMemo(() => iconButtonStyle({ ...variantProps }), [variantProps]);
-  const { onPress, onClear, ripples } = useRipple();
-  const handleRipple = useCallback(
-    (e) => {
-      if (!disableRipple && !disabled) {
-        onPress(e);
-      }
-    },
-    [disableRipple, disabled, onPress]
-  );
-  const handleMouseDown = useCallback(
-    (e) => {
-      onMouseDown == null ? void 0 : onMouseDown(e);
-      handleRipple(e);
-    },
-    [onMouseDown, handleRipple]
-  );
-  const rippleProps = useMemo(() => ({ ripples, onClear }), [ripples, onClear]);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ...buttonProps,
-      onMouseDown: handleMouseDown,
-      ref,
-      disabled: disabled || isLoading,
-      "data-loading": isLoading,
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
-      children: isLoading ? /* @__PURE__ */ jsx(Icon_default, { name: "loading", size, className: "animate-spin" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Icon_default, { name, size }),
-        !disableRipple && /* @__PURE__ */ jsx(ripple_default, { ...rippleProps })
-      ] })
-    }
-  );
-});
-IconButton.displayName = "IconButton";
-var icon_button_default = IconButton;
-var iconButtonStyle = tv({
-  slots: {
-    base: [
-      "relative",
-      "flex",
-      "items-center",
-      "justify-center",
-      "whitespace-nowrap",
-      "transition",
-      "duration-200",
-      "select-none",
-      "overflow-hidden",
-      "box-border"
-    ]
-  },
-  variants: {
-    variant: {
-      solid: [],
-      soft: [],
-      outline: [],
-      ghost: []
-    },
-    color: {
-      primary: [],
-      secondary: [],
-      neutral: [],
-      info: [],
-      success: [],
-      warning: [],
-      danger: []
-    },
-    size: {
-      sm: {
-        base: ["w-[24px]", "h-[24px]", "rounded-sm"]
-      },
-      md: {
-        base: ["w-[32px]", "h-[32px]", "rounded-md"]
-      },
-      lg: {
-        base: ["w-[40px]", "h-[40px]", "rounded-lg"]
-      },
-      xl: {
-        base: ["w-[50px]", "h-[50px]", "rounded-xl"]
-      }
-    },
-    isLoading: {
-      true: {}
-    },
-    disabled: {
-      true: {
-        base: ["!bg-neutral-soft", "!border-neutral-soft", "!text-neutral-light", "pointer-events-none"]
-      }
-    },
-    isInGroup: {
-      true: {
-        base: [
-          "[&:not(:first-child):not(:last-child)]:rounded-none",
-          "first:rounded-r-none",
-          "last:rounded-l-none",
-          "[&:not(:first-child)]:border-l-0"
-        ]
-      }
-    }
-  },
-  compoundVariants: [
-    {
-      variant: "solid",
-      color: "primary",
-      class: {
-        base: ["text-white", "bg-primary-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "secondary",
-      class: {
-        base: ["text-white", "bg-secondary-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "neutral",
-      class: {
-        base: ["text-white", "bg-neutral-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "info",
-      class: {
-        base: ["text-white", "bg-info-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "success",
-      class: {
-        base: ["text-white", "bg-success-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "warning",
-      class: {
-        base: ["text-white", "bg-warning-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "danger",
-      class: {
-        base: ["text-white", "bg-danger-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    // soft
-    {
-      variant: "soft",
-      color: "primary",
-      class: {
-        base: ["text-primary-main", "bg-primary-soft", "!border-primary-soft", "hover:!border-primary-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "secondary",
-      class: {
-        base: ["text-secondary-main", "bg-secondary-soft", "!border-secondary-soft", "hover:!border-secondary-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "neutral",
-      class: {
-        base: ["text-neutral-main", "bg-neutral-soft", "!border-neutral-soft", "hover:!border-neutral-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "info",
-      class: {
-        base: ["text-info-main", "bg-info-soft", "!border-info-soft", "hover:!border-info-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "success",
-      class: {
-        base: ["text-success-main", "bg-success-soft", "!border-success-soft", "hover:!border-success-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "warning",
-      class: {
-        base: ["text-warning-main", "bg-warning-soft", "!border-warning-soft", "hover:!border-warning-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "danger",
-      class: {
-        base: ["text-danger-main", "bg-danger-soft", "!border-danger-soft", "hover:!border-danger-light"]
-      }
-    },
-    // outline
-    {
-      variant: "outline",
-      color: "primary",
-      class: {
-        base: ["bg-body-background", "!border-primary-main", "text-primary-main", "hover:bg-primary-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "secondary",
-      class: {
-        base: ["bg-body-background", "!border-secondary-main", "text-secondary-main", "hover:bg-secondary-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "neutral",
-      class: {
-        base: ["bg-body-background", "!border-neutral-light", "text-neutral-main", "hover:bg-neutral-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "info",
-      class: {
-        base: ["bg-body-background", "!border-info-main", "text-info-main", "hover:bg-info-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "success",
-      class: {
-        base: ["bg-body-background", "!border-success-main", "text-success-main", "hover:bg-success-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "warning",
-      class: {
-        base: ["bg-body-background", "!border-warning-main", "text-warning-main", "hover:bg-warning-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "danger",
-      class: {
-        base: ["bg-body-background", "!border-danger-main", "text-danger-main", "hover:bg-danger-soft"]
-      }
-    },
-    // ghost
-    {
-      variant: "ghost",
-      color: "primary",
-      class: {
-        base: ["text-primary-main", "border-transparent", "hover:bg-primary-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "secondary",
-      class: {
-        base: ["text-secondary-main", "border-transparent", "hover:bg-secondary-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "neutral",
-      class: {
-        base: ["text-neutral-main", "border-transparent", "hover:bg-neutral-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "info",
-      class: {
-        base: ["text-info-main", "border-transparent", "hover:bg-info-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "success",
-      class: {
-        base: ["text-success-main", "border-transparent", "hover:bg-success-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "warning",
-      class: {
-        base: ["text-warning-main", "border-transparent", "hover:bg-warning-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "danger",
-      class: {
-        base: ["text-danger-main", "border-transparent", "hover:bg-danger-soft"]
-      }
-    },
-    // soft/outline + size
-    {
-      variant: ["soft", "outline"],
-      size: "sm",
-      class: {
-        base: ["border-sm"]
-      }
-    },
-    {
-      variant: ["soft", "outline"],
-      size: "md",
-      class: {
-        base: ["border-md"]
-      }
-    },
-    {
-      variant: ["soft", "outline"],
-      size: "lg",
-      class: {
-        base: ["border-lg"]
-      }
-    },
-    {
-      variant: ["soft", "outline"],
-      size: "xl",
-      class: {
-        base: ["border-xl"]
-      }
-    },
-    // disabled + variant
-    {
-      variant: ["soft", "ghost"],
-      disabled: true,
-      class: {
-        base: ["!border-neutral-soft"]
-      }
-    },
-    {
-      variant: ["outline"],
-      disabled: true,
-      class: {
-        base: ["!border-neutral-light"]
-      }
-    }
-  ],
-  defaultVariants: {
-    size: "md",
-    variant: "solid",
-    color: "primary",
-    full: false,
-    disabled: false,
-    isLoading: false,
-    isInGroup: false
-  }
-});
-
-export {
-  icon_button_default
-};

package/dist/chunk-EVJ46M3U.mjs

@@ -1,141 +0,0 @@
-"use client";
-import {
-  backdrop_default
-} from "./chunk-4X35QQTI.mjs";
-import {
-  button_default
-} from "./chunk-SKX5QPUD.mjs";
-import {
-  Icon_default
-} from "./chunk-6AID2NLT.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-U4DJHAM5.mjs";
-
-// src/components/modal/modal.tsx
-import { forwardRef, useMemo, useEffect } from "react";
-import { createPortal } from "react-dom";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Modal = forwardRef((props, ref) => {
-  const [localProps, variantProps] = mapPropsVariants(props, modal.variantKeys);
-  const {
-    classNames,
-    isOpen,
-    title,
-    content,
-    confirmButtonText,
-    cancelButtonText,
-    showCloseButton = true,
-    isKeyboardDismissDisabled = false,
-    onConfirm,
-    onCancel,
-    extraFooter
-  } = localProps;
-  const slots = useMemo(() => modal(variantProps), [variantProps]);
-  useEffect(() => {
-    document.body.classList.toggle("overflow-hidden", !!isOpen);
-    if (!isOpen || isKeyboardDismissDisabled) return;
-    const handleKeyDown = (e) => {
-      if (e.key === "Escape") onCancel == null ? void 0 : onCancel();
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown);
-      document.body.classList.remove("overflow-hidden");
-    };
-  }, [isOpen, isKeyboardDismissDisabled, onCancel]);
-  if (!isOpen) return null;
-  return createPortal(
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(backdrop_default, { open: true }),
-      /* @__PURE__ */ jsx("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: /* @__PURE__ */ jsxs("div", { className: slots.modalWrapper({ class: classNames == null ? void 0 : classNames.modalWrapper }), children: [
-        showCloseButton && /* @__PURE__ */ jsx(
-          Icon_default,
-          {
-            size: "xl",
-            name: "close",
-            className: slots.closeIcon({ class: classNames == null ? void 0 : classNames.closeIcon }),
-            onClick: onCancel
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
-          title && /* @__PURE__ */ jsx("div", { className: slots.title({ class: classNames == null ? void 0 : classNames.title }), children: title }),
-          typeof content === "string" ? /* @__PURE__ */ jsx("div", { className: slots.content({ class: classNames == null ? void 0 : classNames.content }), children: content }) : content,
-          (cancelButtonText || confirmButtonText) && /* @__PURE__ */ jsxs("div", { className: slots.footerWrapper({ class: classNames == null ? void 0 : classNames.footerWrapper }), children: [
-            /* @__PURE__ */ jsxs("div", { className: slots.footer({ class: classNames == null ? void 0 : classNames.footer }), children: [
-              cancelButtonText && /* @__PURE__ */ jsx(button_default, { variant: "soft", color: "neutral", full: true, onClick: onCancel, children: cancelButtonText }),
-              confirmButtonText && /* @__PURE__ */ jsx(button_default, { color: props.color, full: true, onClick: onConfirm, children: confirmButtonText })
-            ] }),
-            extraFooter
-          ] })
-        ] })
-      ] }) })
-    ] }),
-    document.body
-  );
-});
-Modal.displayName = "Modal";
-var modal_default = Modal;
-var modal = tv({
-  slots: {
-    base: [
-      "group/modal",
-      "absolute",
-      "fixed",
-      "top-1/2",
-      "-translate-y-1/2",
-      "left-1/2",
-      "-translate-x-1/2",
-      "z-[50]",
-      "bg-body-background"
-    ],
-    modalWrapper: [
-      "min-w-[450px]",
-      "flex",
-      "flex-col",
-      "justify-center",
-      "p-[30px]",
-      "bg-background",
-      "shadow-drop",
-      "shadow-foreground/20",
-      "rounded-xlg",
-      "overflow-hidden",
-      "group-data-[icon-visibility=true]/modal:mt-[0]",
-      "group-data-[icon-visibility=true]/modal:pt-[60px]"
-    ],
-    wrapper: ["flex", "flex-col", "gap-[30px]"],
-    title: ["text-xl", "font-extrabold", "text-foreground"],
-    content: ["text-md", "font-bold", "text-center", "break-words", "bg-neutral-soft", "rounded-[5px]", "p-[10px]"],
-    footerWrapper: ["flex", "flex-col", "gap-[5px]"],
-    footer: ["flex", "gap-[10px]"],
-    closeIcon: [
-      "absolute",
-      "top-[30px]",
-      "right-[30px]",
-      "cursor-pointer",
-      "z-60",
-      "group-data-[icon-visibility=true]/modal:top-[80px]"
-    ]
-  },
-  variants: {
-    color: {
-      primary: {},
-      secondary: {},
-      neutral: {},
-      success: {},
-      info: {},
-      warning: {},
-      danger: {}
-    }
-  },
-  defaultVariants: {
-    color: "primary"
-  }
-});
-
-export {
-  modal_default
-};