@deepnoid/ui 0.0.112 → 0.1.1

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-PO3ADNA5.mjs

@@ -1,56 +0,0 @@
-"use client";
-import {
-  checkbox_default
-} from "./chunk-ANYPMQH4.mjs";
-import {
-  clsx
-} from "./chunk-27Y6K5NK.mjs";
-
-// src/components/table/table-head.tsx
-import { useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createElement } from "react";
-var TableHead = ({
-  columns,
-  slots,
-  size,
-  color,
-  isExpanded,
-  isChecked,
-  isCheckedAll,
-  classNames,
-  onCheckAll
-}) => {
-  const getTheadProps = useCallback(
-    () => ({
-      className: slots.thead({ class: clsx(classNames == null ? void 0 : classNames.thead) })
-    }),
-    [classNames == null ? void 0 : classNames.thead, slots]
-  );
-  const getTrProps = useCallback(
-    () => ({
-      className: slots.tr({ class: clsx(classNames == null ? void 0 : classNames.tr) })
-    }),
-    [classNames == null ? void 0 : classNames.tr, slots]
-  );
-  const getThProps = useCallback(
-    ({ className }) => ({
-      className: slots.th({ class: clsx(classNames == null ? void 0 : classNames.th, className) })
-    }),
-    [classNames == null ? void 0 : classNames.th, slots]
-  );
-  const handleClickCheckAll = (e) => {
-    e.preventDefault();
-    onCheckAll(!isCheckedAll);
-  };
-  return /* @__PURE__ */ jsx("thead", { ...getTheadProps(), children: /* @__PURE__ */ jsxs("tr", { ...getTrProps(), children: [
-    isChecked && /* @__PURE__ */ jsx("th", { className: "w-[40px]", onClick: handleClickCheckAll, children: /* @__PURE__ */ jsx(checkbox_default, { size, color, checked: isCheckedAll, classNames: { wrapper: "bg-background" } }) }),
-    isExpanded && /* @__PURE__ */ jsx("th", { className: "w-[40px]" }),
-    columns.map((column, index) => /* @__PURE__ */ createElement("th", { ...getThProps(column), key: column.field + index + "th" }, column.headerName))
-  ] }) });
-};
-var table_head_default = TableHead;
-
-export {
-  table_head_default
-};