@deepnoid/ui 0.0.111 → 0.1.0

package/dist/chunk-J725QONZ.mjs

@@ -1,24 +0,0 @@
-"use client";
-
-// src/utils/tailwind-variants.ts
-import { createTV } from "tailwind-variants";
-var COMMON_SIZE = ["sm", "md", "lg"];
-var COMMON_RADIUS = ["xlg", "xxlg", "none", "full"];
-var COMMON_FONTSIZE = ["h1", "h2", "h3", "h4", "h5"];
-var COMMON_SHADOW = ["inner", "drop"];
-var tv = createTV({
-  // twMerge: false,
-  twMergeConfig: {
-    classGroups: {
-      fontSize: [{ text: [...COMMON_SIZE, ...COMMON_FONTSIZE] }],
-      borderRadius: [{ rounded: [...COMMON_RADIUS, ...COMMON_SIZE] }],
-      boxShadow: [{ shadow: [...COMMON_SHADOW] }],
-      padding: [{ p: [...COMMON_SIZE] }],
-      gap: [{ gap: [...COMMON_SIZE] }]
-    }
-  }
-});
-
-export {
-  tv
-};

package/dist/chunk-L6BQA6GI.mjs

@@ -1,160 +0,0 @@
-"use client";
-import {
-  Icon_default
-} from "./chunk-LCI6RPWE.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-J725QONZ.mjs";
-
-// src/components/accordion/accordionItem.tsx
-import { forwardRef, useCallback, useMemo, useRef, useState, useEffect } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var AccordionItem = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, accordionItem.variantKeys);
-  const { title, children, startContent, endContent, classNames, isOpen, onToggle } = props;
-  const slots = useMemo(
-    () => accordionItem({ ...variantProps }),
-    [...Object.values(variantProps)]
-  );
-  const contentRef = useRef(null);
-  const [contentHeight, setContentHeight] = useState("0px");
-  const disableAnimation = originalProps.disableAnimation === true;
-  useEffect(() => {
-    if (contentRef.current) {
-      setContentHeight(isOpen ? `${contentRef.current.scrollHeight}px` : "0px");
-    }
-  }, [isOpen]);
-  const getWrapperProps = useCallback(() => {
-    return {
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.base]);
-  const getHeaderProps = useCallback(() => {
-    return {
-      className: slots.header({ class: classNames == null ? void 0 : classNames.header })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.header]);
-  const getHeaderTitleWrapperProps = useCallback(() => {
-    return {
-      className: slots.headerTitleWrapper({ class: classNames == null ? void 0 : classNames.headerTitleWrapper })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.headerTitleWrapper]);
-  const getHeaderTitleProps = useCallback(() => {
-    return {
-      className: slots.headerTitle({ class: classNames == null ? void 0 : classNames.headerTitle })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.headerTitle]);
-  const getHeaderArrowIconProps = useCallback(() => {
-    return {
-      className: slots.headerArrowIcon({ class: classNames == null ? void 0 : classNames.headerArrowIcon })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.headerArrowIcon]);
-  const getContentWrapperProps = useCallback(() => {
-    return {
-      className: slots.contentWrapper({ class: classNames == null ? void 0 : classNames.contentWrapper })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.contentWrapper]);
-  const getContentProps = useCallback(() => {
-    var _a;
-    return {
-      className: slots.content({ class: classNames == null ? void 0 : classNames.content }),
-      style: disableAnimation ? { maxHeight: isOpen ? `${(_a = contentRef.current) == null ? void 0 : _a.scrollHeight}px` : "0px", opacity: isOpen ? 1 : 0 } : { maxHeight: contentHeight, opacity: isOpen ? 1 : 0 }
-    };
-  }, [slots, classNames == null ? void 0 : classNames.content, contentHeight, isOpen, disableAnimation]);
-  return /* @__PURE__ */ jsxs("div", { ref, ...getWrapperProps(), children: [
-    /* @__PURE__ */ jsxs("div", { "data-isOpen": isOpen, ...getHeaderProps(), onClick: onToggle, children: [
-      /* @__PURE__ */ jsxs("div", { ...getHeaderTitleWrapperProps(), children: [
-        startContent && startContent,
-        /* @__PURE__ */ jsx("span", { ...getHeaderTitleProps(), children: title })
-      ] }),
-      endContent && endContent,
-      /* @__PURE__ */ jsx(Icon_default, { name: isOpen ? "brace-up" : "brace-down", ...getHeaderArrowIconProps() })
-    ] }),
-    /* @__PURE__ */ jsx("div", { ...getContentWrapperProps(), children: /* @__PURE__ */ jsx("div", { ref: contentRef, ...getContentProps(), children }) })
-  ] });
-});
-AccordionItem.displayName = "AccordionItem";
-var accordionItem_default = AccordionItem;
-var accordionItem = tv({
-  slots: {
-    base: ["group", "w-full"],
-    header: [
-      "group",
-      "flex",
-      "justify-between",
-      "items-center",
-      "text-foreground",
-      "px-[10px]",
-      "cursor-pointer",
-      "select-none",
-      "gap-[10px]"
-    ],
-    headerTitleWrapper: [
-      "flex",
-      "w-full",
-      "gap-[10px]",
-      "overflow-hidden",
-      "whitespace-nowrap",
-      "text-overflow-ellipsis"
-    ],
-    headerTitle: "truncate",
-    headerArrowIcon: ["text-neutral-dark"],
-    contentWrapper: [],
-    content: ["overflow-hidden", "transition-all", "duration-300", "ease-in-out", "max-h-0", "opacity-0"]
-  },
-  variants: {
-    variant: {
-      solid: {
-        header: ["bg-trans-soft"]
-      },
-      line: {
-        header: ["bg-transparent", "!rounded-none"],
-        contentWrapper: ["border-b", "group-last:border-b-0"]
-      }
-    },
-    size: {
-      sm: {
-        header: "h-[30px] text-sm rounded-sm"
-      },
-      md: {
-        header: "h-[40px] text-md rounded-md"
-      },
-      lg: {
-        header: "h-[50px] text-lg rounded-lg"
-      }
-    },
-    color: {
-      primary: {
-        header: ["data-[isOpen=true]:bg-primary-soft"],
-        headerArrowIcon: ["group-data-[isOpen=true]:text-primary-main"]
-      },
-      secondary: {
-        header: ["data-[isOpen=true]:bg-secondary-soft"],
-        headerArrowIcon: ["group-data-[isOpen=true]:text-secondary-main"]
-      }
-    },
-    isInGroup: {
-      true: ""
-    },
-    disableAnimation: {
-      true: {
-        content: ["transition-none"]
-      },
-      false: {}
-    }
-  },
-  defaultVariants: {
-    variant: "solid",
-    color: "primary",
-    size: "md",
-    isInGroup: false,
-    disableAnimation: false
-  }
-});
-
-export {
-  accordionItem_default
-};

package/dist/chunk-N2JULHST.mjs

@@ -1,141 +0,0 @@
-"use client";
-import {
-  tv
-} from "./chunk-J725QONZ.mjs";
-
-// src/components/progress/progress.tsx
-import { forwardRef, useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Progress = forwardRef((props, ref) => {
-  const { base, labelWrapper, label, output, track, indicator } = progress({ ...props });
-  const shouldShowLabelWrapper = props.label || props.showValueLabel;
-  const normalizedValue = props.value !== void 0 ? Math.min(Math.max(props.value, 0), 100) : 0;
-  const getBaseProps = useCallback(
-    () => {
-      var _a;
-      return {
-        className: base({ class: (_a = props.classNames) == null ? void 0 : _a.base })
-      };
-    },
-    [base, props.classNames]
-  );
-  const getLabelWrapperProps = useCallback(
-    () => {
-      var _a;
-      return {
-        className: labelWrapper({ class: (_a = props.classNames) == null ? void 0 : _a.labelWrapper })
-      };
-    },
-    [labelWrapper, props.classNames]
-  );
-  const getLabelProps = useCallback(
-    () => {
-      var _a;
-      return {
-        className: label({ class: (_a = props.classNames) == null ? void 0 : _a.label })
-      };
-    },
-    [label, props.classNames]
-  );
-  const getOutputProps = useCallback(
-    () => {
-      var _a;
-      return {
-        className: output({ class: (_a = props.classNames) == null ? void 0 : _a.output })
-      };
-    },
-    [output, props.classNames]
-  );
-  const getTrackProps = useCallback(
-    () => {
-      var _a;
-      return {
-        className: track({ class: (_a = props.classNames) == null ? void 0 : _a.track })
-      };
-    },
-    [track, props.classNames]
-  );
-  const getIndicatorProps = useCallback(
-    () => {
-      var _a;
-      return {
-        className: indicator({ class: (_a = props.classNames) == null ? void 0 : _a.indicator }),
-        style: {
-          width: `${normalizedValue}%`,
-          transition: normalizedValue !== 0 && normalizedValue !== 100 ? "width 0.5s linear" : "none"
-        }
-      };
-    },
-    [indicator, normalizedValue, props.classNames]
-  );
-  return /* @__PURE__ */ jsxs("div", { ref, ...getBaseProps(), "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": normalizedValue, children: [
-    shouldShowLabelWrapper && /* @__PURE__ */ jsxs("div", { ...getLabelWrapperProps(), children: [
-      /* @__PURE__ */ jsx("span", { ...getLabelProps(), children: props.label }),
-      props.showValueLabel && /* @__PURE__ */ jsx("span", { ...getOutputProps(), children: normalizedValue })
-    ] }),
-    /* @__PURE__ */ jsx("div", { ...getTrackProps(), children: /* @__PURE__ */ jsx("div", { ...getIndicatorProps() }) })
-  ] });
-});
-Progress.displayName = "Progress";
-var progress_default = Progress;
-var progress = tv({
-  slots: {
-    base: ["flex", "flex-col", "gap-2", "w-[200px]"],
-    labelWrapper: ["flex", "justify-between"],
-    label: ["font-[500]"],
-    output: ["font-[500]"],
-    track: ["relative", "bg-neutral-soft", "rounded-full", "overflow-hidden"],
-    indicator: ["absolute", "h-full", "rounded-full"]
-  },
-  variants: {
-    color: {
-      primary: {
-        indicator: "bg-primary-main"
-      },
-      secondary: {
-        indicator: "bg-secondary-main"
-      }
-    },
-    size: {
-      sm: {
-        label: "text-sm",
-        output: "text-sm",
-        track: "h-[2px]"
-      },
-      md: {
-        label: "text-md",
-        output: "text-md",
-        track: "h-[4px]"
-      },
-      lg: {
-        label: "text-lg",
-        output: "text-lg",
-        track: "h-[6px]"
-      }
-    },
-    gradient: {
-      true: {
-        indicator: ["bg-gradient-to-r", "from-primary-main", "to-secondary-main"]
-      }
-    },
-    fullWidth: {
-      true: {
-        base: "w-full"
-      }
-    },
-    isDisabled: {
-      true: {
-        base: ["opacity-disabled", "cursor-not-allowed"],
-        indicator: ["bg-neutral-light", "from-none", "to-none"]
-      }
-    }
-  },
-  defaultVariants: {
-    color: "primary",
-    size: "md"
-  }
-});
-
-export {
-  progress_default
-};

package/dist/chunk-ODMRJXLJ.mjs

@@ -1,61 +0,0 @@
-"use client";
-
-// src/components/tooltip/tooltip-utils.ts
-var getTooltipPosition = (placement, targetRect, width, height, offset) => {
-  let tooltipX = 0, tooltipY = 0;
-  switch (placement) {
-    case "top":
-      tooltipX = targetRect.left + targetRect.width / 2 - width / 2;
-      tooltipY = targetRect.top - height - offset;
-      break;
-    case "left":
-      tooltipX = targetRect.left - width - offset;
-      tooltipY = targetRect.top + targetRect.height / 2 - height / 2;
-      break;
-    case "right":
-      tooltipX = targetRect.right + offset;
-      tooltipY = targetRect.top + targetRect.height / 2 - height / 2;
-      break;
-    case "bottom":
-      tooltipX = targetRect.left + targetRect.width / 2 - width / 2;
-      tooltipY = targetRect.bottom + offset;
-      break;
-    case "top-start":
-      tooltipX = targetRect.left;
-      tooltipY = targetRect.top - height - offset;
-      break;
-    case "top-end":
-      tooltipX = targetRect.right - width;
-      tooltipY = targetRect.top - height - offset;
-      break;
-    case "bottom-start":
-      tooltipX = targetRect.left;
-      tooltipY = targetRect.bottom + offset;
-      break;
-    case "bottom-end":
-      tooltipX = targetRect.right - width;
-      tooltipY = targetRect.bottom + offset;
-      break;
-    case "left-start":
-      tooltipX = targetRect.left - width - offset;
-      tooltipY = targetRect.top;
-      break;
-    case "left-end":
-      tooltipX = targetRect.left - width - offset;
-      tooltipY = targetRect.bottom - height;
-      break;
-    case "right-start":
-      tooltipX = targetRect.right + offset;
-      tooltipY = targetRect.top;
-      break;
-    case "right-end":
-      tooltipX = targetRect.right + offset;
-      tooltipY = targetRect.bottom - height;
-      break;
-  }
-  return { tooltipX, tooltipY };
-};
-
-export {
-  getTooltipPosition
-};

package/dist/chunk-QWFOYO3D.mjs

@@ -1,173 +0,0 @@
-"use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-J725QONZ.mjs";
-
-// src/components/radio/radio.tsx
-import { forwardRef, useCallback, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Radio = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, radio.variantKeys);
-  const { children, classNames, ...inputProps } = props;
-  const slots = useMemo(() => radio({ ...variantProps }), [...Object.values(variantProps)]);
-  const getBaseProps = useCallback(
-    () => ({
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
-    }),
-    [slots, classNames]
-  );
-  const getInputProps = useCallback(() => {
-    return {
-      ...inputProps,
-      type: "radio",
-      ref,
-      size: 0
-    };
-  }, [slots, classNames, inputProps]);
-  const getIconProps = useCallback(() => {
-    return {
-      className: slots.icon({ class: classNames == null ? void 0 : classNames.icon })
-    };
-  }, [slots, classNames]);
-  const getLabelProps = useCallback(() => {
-    return {
-      className: slots.label({ class: classNames == null ? void 0 : classNames.label })
-    };
-  }, [slots, classNames]);
-  const getLabelWrapperProps = useCallback(() => {
-    return {
-      className: slots.labelWrapper({ class: classNames == null ? void 0 : classNames.labelWrapper })
-    };
-  }, [slots, classNames]);
-  return /* @__PURE__ */ jsxs("label", { ...getBaseProps(), children: [
-    /* @__PURE__ */ jsx("div", { className: "hidden", children: /* @__PURE__ */ jsx("input", { ...getInputProps() }) }),
-    /* @__PURE__ */ jsx("span", { ...getIconProps() }),
-    /* @__PURE__ */ jsx("div", { ...getLabelWrapperProps(), children: children && /* @__PURE__ */ jsx("span", { ...getLabelProps(), children }) })
-  ] });
-});
-Radio.displayName = "Radio";
-var radio_default = Radio;
-var radio = tv({
-  slots: {
-    base: [
-      "group/radio",
-      "relative",
-      "max-w-fit",
-      "inline-flex",
-      "items-center",
-      "justify-start",
-      "cursor-pointer",
-      "tap-highlight-transparent"
-    ],
-    icon: [
-      "relative",
-      "inline-flex",
-      "items-center",
-      "justify-center",
-      "flex-shrink-0",
-      "overflow-hidden",
-      // 테두리
-      "before:content-['']",
-      "before:absolute",
-      "before:inset-0",
-      "before:border-solid",
-      "before:border-[1px]",
-      "before:box-border",
-      "before:rounded-full",
-      "before:border-neutral-main",
-      // control
-      "after:content-['']",
-      "after:absolute",
-      "after:inset-0",
-      "after:rounded-full",
-      "after:border-box",
-      "after:scale-50",
-      "after:opacity-0",
-      "after:top-1/2",
-      "after:left-1/2",
-      "after:-translate-x-1/2",
-      "after:-translate-y-1/2",
-      "group-has-[:checked]/radio:after:opacity-100",
-      "group-has-[:checked]/radio:after:scale-100",
-      // hover
-      "group-hover/radio:before:bg-neutral-soft",
-      "before:transition duration-200",
-      // focus ring
-      "outline-none",
-      "group-focus/radio:z-10",
-      "group-focus/radio:ring-2",
-      "group-focus/radio:ring-focus",
-      "group-focus/radio:ring-offset-2",
-      "group-focus/radio:ring-offset-background"
-    ],
-    labelWrapper: "flex flex-col",
-    label: "text-foreground select-none"
-  },
-  variants: {
-    color: {
-      primary: {
-        icon: ["group-has-[:checked]/radio:before:border-primary-main", "after:bg-primary-main"]
-      },
-      secondary: {
-        icon: ["group-has-[:checked]/radio:before:border-secondary-main", "after:bg-secondary-main"]
-      }
-    },
-    size: {
-      sm: {
-        icon: ["w-[15px]", "h-[15px]", "mr-[6px]", "after:w-[9px]", "after:h-[9px]"],
-        label: "text-sm"
-      },
-      md: {
-        icon: ["w-[17px]", "h-[17px]", "mr-[8px]", "after:w-[11px]", "after:h-[11px]"],
-        label: "text-md"
-      },
-      lg: {
-        icon: ["w-[20px]", "h-[20px]", "mr-[10px]", "after:w-[14px]", "after:h-[14px]"],
-        label: "text-lg"
-      }
-    },
-    isInvalid: {
-      true: {
-        icon: [
-          "after:bg-danger-main",
-          "before:border-danger-main",
-          "group-has-[:checked]/radio:before:border-danger-main"
-        ],
-        label: "text-danger-main"
-      }
-    },
-    isDisabled: {
-      true: {
-        base: ["opacity-disabled", "pointer-events-none"],
-        icon: [
-          "before:border-neutral-light",
-          "before:bg-neutral-soft",
-          "after:bg-neutral-light",
-          "group-has-[:checked]/radio:before:border-neutral-light"
-        ],
-        label: "text-neutral-light"
-      }
-    },
-    disableAnimation: {
-      true: {},
-      false: {
-        icon: ["group-active/radio:scale-95", "transition-transform-colors", "motion-reduce:transition-none"],
-        label: ["transition-colors", "motion-reduce:transition-none"]
-      }
-    }
-  },
-  defaultVariants: {
-    color: "primary",
-    size: "md",
-    isDisabled: false,
-    isInvalid: false,
-    disableAnimation: false
-  }
-});
-
-export {
-  radio_default
-};