@deepnoid/ui 0.0.112 → 0.1.1

package/dist/chunk-V77MALL4.mjs

@@ -1,112 +0,0 @@
-"use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-J725QONZ.mjs";
-
-// src/components/list/listItem.tsx
-import { forwardRef, useCallback, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ListItem = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, listItem.variantKeys);
-  const { title, selected, startContent, endContent, classNames, onClick } = props;
-  const slots = useMemo(() => listItem({ ...variantProps }), [...Object.values(variantProps)]);
-  const getBaseProps = useCallback(() => {
-    return {
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
-      "data-selected": selected,
-      onClick
-    };
-  }, [slots, classNames == null ? void 0 : classNames.base, selected, onClick]);
-  const getTitleWrapperProps = useCallback(() => {
-    return {
-      className: slots.titleWrapper({ class: classNames == null ? void 0 : classNames.titleWrapper })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.titleWrapper]);
-  const getTitleProps = useCallback(() => {
-    return {
-      className: slots.title({ class: classNames == null ? void 0 : classNames.title })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.title]);
-  return /* @__PURE__ */ jsxs("div", { ref, ...getBaseProps(), children: [
-    /* @__PURE__ */ jsxs("div", { ...getTitleWrapperProps(), children: [
-      startContent && startContent,
-      /* @__PURE__ */ jsx("span", { ...getTitleProps(), children: title })
-    ] }),
-    endContent && endContent
-  ] });
-});
-ListItem.displayName = "ListItem";
-var listItem_default = ListItem;
-var listItem = tv({
-  slots: {
-    base: [
-      "group",
-      "w-full",
-      "flex",
-      "justify-between",
-      "items-center",
-      "text-foreground",
-      "bg-transparent",
-      "px-[10px]",
-      "cursor-pointer",
-      "select-none",
-      "gap-[10px]",
-      "hover:bg-neutral-soft"
-    ],
-    titleWrapper: ["flex", "w-full", "gap-[10px]", "overflow-hidden", "whitespace-nowrap", "text-overflow-ellipsis"],
-    title: "truncate"
-  },
-  variants: {
-    variant: {
-      solid: {},
-      line: {}
-    },
-    size: {
-      sm: {
-        base: "min-h-[30px] text-sm"
-      },
-      md: {
-        base: "min-h-[40px] text-md"
-      },
-      lg: {
-        base: "min-h-[50px] text-lg"
-      }
-    },
-    color: {
-      primary: {},
-      secondary: {}
-    },
-    isInGroup: {
-      true: ""
-    }
-  },
-  defaultVariants: {
-    variant: "solid",
-    color: "primary",
-    size: "md",
-    isInGroup: false
-  },
-  compoundVariants: [
-    {
-      variant: "solid",
-      color: "primary",
-      class: {
-        base: ["data-[selected=true]:text-primary-main", "data-[selected=true]:bg-primary-soft"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "secondary",
-      class: {
-        base: ["data-[selected=true]:text-secondary-main", "data-[selected=true]:bg-secondary-soft"]
-      }
-    }
-  ]
-});
-
-export {
-  listItem_default
-};

package/dist/chunk-VWD26TIQ.mjs

@@ -1,139 +0,0 @@
-"use client";
-import {
-  checkbox_default
-} from "./chunk-ANYPMQH4.mjs";
-import {
-  clsx
-} from "./chunk-27Y6K5NK.mjs";
-import {
-  Icon_default
-} from "./chunk-LCI6RPWE.mjs";
-
-// src/components/table/table-body.tsx
-import React, { useState, useCallback, useEffect } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createElement } from "react";
-var TableBody = ({
-  classNames,
-  size,
-  color,
-  slots,
-  rows,
-  columns,
-  isExpanded,
-  isSelected,
-  isChecked,
-  isCheckedRow,
-  checkedRows,
-  emptyContent,
-  onCheckedRow,
-  onRowAction
-}) => {
-  const COL_SPAN_COUNT = columns.length + (isExpanded ? 1 : 0) + (isChecked ? 1 : 0);
-  const [expandedRows, setExpandedRows] = useState(/* @__PURE__ */ new Set());
-  useEffect(() => {
-    setExpandedRows(/* @__PURE__ */ new Set());
-  }, [rows]);
-  const getTbodyProps = useCallback(
-    () => ({
-      className: slots.tbody({ class: clsx(classNames == null ? void 0 : classNames.tbody) })
-    }),
-    [classNames == null ? void 0 : classNames.tbody, slots]
-  );
-  const getTrProps = useCallback(
-    ({ index, isSelectedRow }) => ({
-      className: clsx(
-        slots.tr({ class: [classNames == null ? void 0 : classNames.tr, (isSelected || isCheckedRow || isExpanded) && "cursor-pointer"] })
-      ),
-      "data-odd": index % 2 !== 0,
-      "data-expanded": expandedRows.has(index),
-      "data-selected": isSelectedRow
-    }),
-    [classNames == null ? void 0 : classNames.tr, expandedRows, isCheckedRow, isExpanded, isSelected, slots]
-  );
-  const getExpandedContentProps = useCallback(
-    () => ({
-      className: slots.expandedTr({ class: clsx(classNames == null ? void 0 : classNames.expandedTr) })
-    }),
-    [classNames == null ? void 0 : classNames.expandedTr, slots]
-  );
-  const getTdProps = useCallback(
-    (column, row, keys) => {
-      const { field, className, valueFormatter, renderCell } = column;
-      const key = keys.find((value2) => value2 === field);
-      const value = key && row[key];
-      const children = renderCell ? renderCell({
-        field,
-        id: field,
-        row,
-        value,
-        formattedValue: valueFormatter && valueFormatter({
-          id: field,
-          field,
-          value
-        })
-      }) : valueFormatter ? valueFormatter({
-        id: field,
-        field,
-        value
-      }) : value;
-      return {
-        children,
-        className: slots.td({ class: clsx(classNames == null ? void 0 : classNames.td, className) })
-      };
-    },
-    [classNames == null ? void 0 : classNames.td, columns, slots]
-  );
-  const onChangeExpandedRow = (index) => {
-    setExpandedRows((prevIndices) => {
-      const newIndices = new Set(prevIndices);
-      if (newIndices.has(index)) {
-        newIndices.delete(index);
-      } else {
-        newIndices.add(index);
-      }
-      return newIndices;
-    });
-  };
-  const handleRowClick = (index) => (e) => {
-    var _a;
-    e.stopPropagation();
-    e.preventDefault();
-    if (isExpanded) onChangeExpandedRow(index);
-    if (isChecked && isCheckedRow) onCheckedRow(index);
-    const row = rows[index];
-    if (row) {
-      (_a = row.onRowAction) == null ? void 0 : _a.call(row, e, row);
-    }
-  };
-  return /* @__PURE__ */ jsx("tbody", { ...getTbodyProps(), children: rows.length > 0 ? rows.map((row, rowIndex) => {
-    const keys = Object.keys(row);
-    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-      /* @__PURE__ */ jsxs(
-        "tr",
-        {
-          ...getTrProps({ index: rowIndex, isSelectedRow: row.isSelectedRow }),
-          onClick: handleRowClick(rowIndex),
-          children: [
-            isChecked && /* @__PURE__ */ jsx("td", { ...getTdProps({ field: "checkbox" }, row, keys), onClick: () => onCheckedRow(rowIndex), children: /* @__PURE__ */ jsx(checkbox_default, { color, size, checked: checkedRows.has(rowIndex) }) }),
-            isExpanded && /* @__PURE__ */ jsx("td", { ...getTdProps({ field: "expandIcon" }, row, keys), children: /* @__PURE__ */ jsx(
-              Icon_default,
-              {
-                name: expandedRows.has(rowIndex) ? "brace-down" : "brace-right",
-                className: `ml-2 transition-transform`,
-                size
-              }
-            ) }),
-            columns.map((column, colIndex) => /* @__PURE__ */ createElement("td", { ...getTdProps(column, row, keys), key: colIndex }))
-          ]
-        }
-      ),
-      isExpanded && expandedRows.has(rowIndex) && /* @__PURE__ */ jsx("tr", { ...getExpandedContentProps(), children: /* @__PURE__ */ jsx("td", { colSpan: COL_SPAN_COUNT, ...getTdProps({ field: "expandedRow" }, row, keys), children: row.renderExpandedRow && row.renderExpandedRow() }) })
-    ] }, rowIndex);
-  }) : /* @__PURE__ */ jsx("tr", { ...getTrProps({ index: -1 }), children: /* @__PURE__ */ jsx("td", { colSpan: COL_SPAN_COUNT, children: emptyContent }) }) });
-};
-var table_body_default = TableBody;
-
-export {
-  table_body_default
-};

package/dist/chunk-YRMFIXXC.mjs

@@ -1,277 +0,0 @@
-"use client";
-import {
-  usePagination_default
-} from "./chunk-F3HENRVM.mjs";
-import {
-  input_default
-} from "./chunk-ZNEEYSIK.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-J725QONZ.mjs";
-
-// src/components/pagination/pagination.tsx
-import { forwardRef, useCallback, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Pagination = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, pagination.variantKeys);
-  const {
-    classNames,
-    currentPage,
-    groupSize,
-    totalPage,
-    showPageNumber = true,
-    showPageLabel,
-    showPageInput,
-    showFirstLastButtons,
-    handleChangePage
-  } = props;
-  const { startPage, endPage, pageList, handleClickMovePage } = usePagination_default({
-    currentPage,
-    totalPage,
-    groupSize,
-    handleChangePage
-  });
-  const slots = useMemo(() => pagination({ ...variantProps }), [variantProps]);
-  const getBaseProps = useCallback(() => ({ className: slots.base({ class: classNames == null ? void 0 : classNames.base }) }), [slots, classNames]);
-  const getLabelProps = useCallback(
-    () => ({ className: `${slots.label({ class: classNames == null ? void 0 : classNames.label })} + ${showPageInput && " !min-w-[55px]"}` }),
-    [slots, classNames, showPageInput]
-  );
-  const getWrapperProps = useCallback(
-    () => ({ className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }) }),
-    [slots, classNames]
-  );
-  const getIconProps = useCallback(() => ({ className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }) }), [slots, classNames]);
-  const getButtonProps = useCallback(
-    () => ({ className: slots.button({ class: classNames == null ? void 0 : classNames.button }) }),
-    [slots, classNames]
-  );
-  const getLabelWrapperProps = useCallback(
-    () => ({
-      className: "flex shrink-0",
-      onSubmit: (e) => {
-        e.preventDefault();
-        if (showPageInput && handleChangePage) {
-          const formData = new FormData(e.target);
-          const page = formData.get("pagination-input");
-          if (page) handleChangePage(+page);
-        }
-      }
-    }),
-    [handleChangePage, showPageInput]
-  );
-  const getInputProps = useCallback(
-    () => ({
-      defaultValue: currentPage,
-      size: "sm",
-      name: "pagination-input",
-      type: "number",
-      max: totalPage,
-      min: 1,
-      classNames: { inputWrapper: "!w-[48px] h-[20px] px-[6px]", input: "input-arrow-hide" }
-    }),
-    [currentPage, totalPage]
-  );
-  return /* @__PURE__ */ jsxs("div", { ...getBaseProps(), children: [
-    /* @__PURE__ */ jsxs("form", { ...getLabelWrapperProps(), children: [
-      showPageInput && /* @__PURE__ */ jsx(input_default, { ...getInputProps() }, `${currentPage}+pagination-input`),
-      showPageLabel && /* @__PURE__ */ jsxs("span", { ...getLabelProps(), children: [
-        !showPageInput && currentPage,
-        ` of ${totalPage}`
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { ...getWrapperProps(), children: [
-      showFirstLastButtons && /* @__PURE__ */ jsx(
-        "div",
-        {
-          "aria-label": "firstPage",
-          "data-is-active": currentPage > 1,
-          ...getIconProps(),
-          onClick: currentPage > 1 ? handleClickMovePage(1) : void 0,
-          children: "<<"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          "aria-label": "prevPage",
-          "data-is-active": currentPage > 1,
-          ...getIconProps(),
-          onClick: currentPage > 1 ? handleClickMovePage(currentPage - 1) : void 0,
-          children: "<"
-        }
-      ),
-      showPageNumber && pageList.map((page, index) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          ...getButtonProps(),
-          "data-selected": currentPage === page,
-          onClick: handleClickMovePage(page),
-          children: page
-        },
-        index
-      )),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          "aria-label": "nextPage",
-          "data-is-active": currentPage < totalPage,
-          ...getIconProps(),
-          onClick: currentPage < totalPage ? handleClickMovePage(currentPage + 1) : void 0,
-          children: ">"
-        }
-      ),
-      showFirstLastButtons && /* @__PURE__ */ jsx(
-        "div",
-        {
-          "aria-label": "lastPage",
-          "data-is-active": currentPage < totalPage,
-          ...getIconProps(),
-          onClick: currentPage < totalPage ? handleClickMovePage(totalPage) : void 0,
-          children: ">>"
-        }
-      )
-    ] })
-  ] });
-});
-Pagination.displayName = "Pagination";
-var pagination_default = Pagination;
-var pagination = tv(
-  {
-    slots: {
-      base: "flex items-center select-none",
-      label: "text-primary-main text-right whitespace-nowrap",
-      wrapper: "flex overflow-hidden",
-      icon: "flex items-center justify-center cursor-pointer",
-      button: "flex items-center justify-center cursor-pointer data-[selected=true]:font-[600] transition duration-200"
-    },
-    variants: {
-      variant: {
-        solid: {
-          button: ["text-neutral-dark"],
-          icon: "text-neutral-dark data-[is-active=false]:text-neutral-light data-[is-active=false]:cursor-default"
-        },
-        line: {
-          wrapper: "!gap-0",
-          button: ["text-foreground"],
-          icon: "text-foreground data-[is-active=false]:text-neutral-light data-[is-active=false]:cursor-default first-of-type:border-l-0"
-        }
-      },
-      size: {
-        sm: {
-          wrapper: "gap-[6px]",
-          label: "min-w-[85px] text-sm mr-[10px]",
-          icon: ["h-[15px] text-sm"],
-          button: ["min-w-[28px] h-[15px] text-sm"]
-        },
-        md: {
-          wrapper: "gap-[8px]",
-          label: "min-w-[95px] text-md mr-[12px]",
-          icon: ["h-[17px] text-md"],
-          button: ["min-w-[32px] h-[17px] text-md"]
-        },
-        lg: {
-          wrapper: "gap-[10px]",
-          label: "min-w-[105px] text-lg mr-[14px]",
-          icon: ["h-[20px] text-lg"],
-          button: ["min-w-[37px] h-[20px] text-lg"]
-        }
-      },
-      color: {
-        primary: {
-          label: "text-primary-main"
-        },
-        secondary: {
-          label: "text-secondary-main"
-        }
-      },
-      isDisabled: {
-        true: {
-          icon: "!text-neutral-light !cursor-default",
-          button: "!text-neutral-light !cursor-default"
-        }
-      }
-    },
-    defaultVariants: {
-      variant: "solid",
-      color: "primary",
-      size: "md",
-      isDisabled: false
-    },
-    compoundVariants: [
-      {
-        variant: "solid",
-        color: "primary",
-        class: {
-          button: "hover:text-primary-main data-[selected=true]:text-primary-main data-[selected=true]:border-primary-main",
-          icon: "hover:text-primary-main"
-        }
-      },
-      {
-        variant: "solid",
-        color: "secondary",
-        class: {
-          button: "hover:text-secondary-main data-[selected=true]:text-secondary-main data-[selected=true]:border-secondary-main",
-          icon: "hover:text-secondary-main"
-        }
-      },
-      {
-        variant: "line",
-        size: "sm",
-        class: {
-          wrapper: "border rounded-sm gap-0",
-          button: "!min-w-[40px] h-[20px] border-l",
-          icon: "min-w-[40px] h-[20px] border-l"
-        }
-      },
-      {
-        variant: "line",
-        size: "md",
-        class: {
-          wrapper: "border rounded-md gap-0",
-          button: "!min-w-[45px] h-[22px] border-l",
-          icon: "min-w-[45px] h-[22px] border-l"
-        }
-      },
-      {
-        variant: "line",
-        size: "lg",
-        class: {
-          wrapper: "border rounded-lg gap-0",
-          button: "!min-w-[50px] h-[24px] border-l",
-          icon: "min-w-[50px] h-[24px] border-l"
-        }
-      },
-      {
-        variant: "line",
-        color: "primary",
-        class: {
-          wrapper: "border-primary-main",
-          button: "border-primary-main hover:bg-primary-soft hover:text-primary-main data-[selected=true]:bg-primary-soft data-[selected=true]:text-primary-main",
-          icon: "border-primary-main data-[selected=true]:bg-primary-soft data-[selected=true]:text-primary-main data-[is-active=true]:hover:text-primary-main data-[is-active=true]:hover:bg-primary-soft"
-        }
-      },
-      {
-        variant: "line",
-        color: "secondary",
-        class: {
-          wrapper: "border-secondary-main",
-          button: "border-secondary-main hover:bg-secondary-soft hover:text-secondary-main data-[selected=true]:bg-secondary-soft data-[selected=true]:text-secondary-main",
-          icon: "border-secondary-main data-[selected=true]:bg-secondary-soft data-[selected=true]:text-secondary-main data-[is-active=true]:hover:text-secondary-main data-[is-active=true]:hover:bg-secondary-soft"
-        }
-      }
-    ]
-  },
-  {
-    twMerge: false
-  }
-);
-
-export {
-  Pagination,
-  pagination_default,
-  pagination
-};