@deepnoid/ui 0.1.124 → 0.1.127

package/dist/{chunk-KRGI6HW7.mjs → chunk-IBYQBC6D.mjs}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-F3HENRVM.mjs";
 import {
   input_default
-} from "./chunk-HKONMHXA.mjs";
+} from "./chunk-ZI3MLO7X.mjs";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
@@ -60,7 +60,7 @@ var Pagination = forwardRef((originalProps, ref) => {
           "data-is-active": currentPage > 1,
           className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
           onClick: currentPage > 1 ? handleClickMovePage(1) : void 0,
-          children: /* @__PURE__ */ jsx(Icon_default, { name: "left-double-chevron" })
+          children: /* @__PURE__ */ jsx(Icon_default, { name: "left-double-chevron", size })
         }
       ),
       /* @__PURE__ */ jsx(
@@ -70,7 +70,7 @@ var Pagination = forwardRef((originalProps, ref) => {
           "data-is-active": currentPage > 1,
           className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
           onClick: currentPage > 1 ? handleClickMovePage(currentPage - 1) : void 0,
-          children: /* @__PURE__ */ jsx(Icon_default, { name: "left-chevron" })
+          children: /* @__PURE__ */ jsx(Icon_default, { name: "left-chevron", size })
         }
       ),
       showPageNumber && pageList.map((page, index) => /* @__PURE__ */ jsx(
@@ -90,7 +90,7 @@ var Pagination = forwardRef((originalProps, ref) => {
           "data-is-active": currentPage < totalPage,
           className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
           onClick: currentPage < totalPage ? handleClickMovePage(currentPage + 1) : void 0,
-          children: /* @__PURE__ */ jsx(Icon_default, { name: "right-chevron" })
+          children: /* @__PURE__ */ jsx(Icon_default, { name: "right-chevron", size })
         }
       ),
       showFirstLastButtons && /* @__PURE__ */ jsx(
@@ -100,7 +100,7 @@ var Pagination = forwardRef((originalProps, ref) => {
           "data-is-active": currentPage < totalPage,
           className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
           onClick: currentPage < totalPage ? handleClickMovePage(totalPage) : void 0,
-          children: /* @__PURE__ */ jsx(Icon_default, { name: "right-double-chevron" })
+          children: /* @__PURE__ */ jsx(Icon_default, { name: "right-double-chevron", size })
         }
       )
     ] }),
@@ -108,6 +108,7 @@ var Pagination = forwardRef((originalProps, ref) => {
       /* @__PURE__ */ jsx(
         input_default,
         {
+          variant: variant === "underline" ? "outline" : variant,
           value: inputPage || 1,
           onChange: (e) => setInputPage(Number(e.target.value)),
           onKeyDown: handleKeyDown,
@@ -115,10 +116,7 @@ var Pagination = forwardRef((originalProps, ref) => {
           height: 24,
           size: "sm",
           classNames: {
-            inputWrapper: clsx(
-              "w-[50px] h-[24px] rounded-sm",
-              variant === "solid" ? "" : "bg-body-background border border-neutral-light"
-            )
+            inputWrapper: clsx("w-[50px] h-[24px] rounded-sm")
           }
         }
       ),
@@ -159,24 +157,24 @@ var paginationStyle = tv(
     variants: {
       variant: {
         solid: {
-          button: ["rounded-[5px]", "border-transparent"]
+          button: ["rounded-[5px]"]
         },
         underline: {
-          button: ["rounded-0", "border-transparent"]
+          button: ["rounded-0", "bg-body-background"]
         }
       },
       size: {
         sm: {
-          button: ["text-sm", "data-[selected=true]:border-sm"]
+          button: ["text-sm"]
         },
         md: {
-          button: ["text-md", "data-[selected=true]:border-md"]
+          button: ["text-md"]
         },
         lg: {
-          button: ["text-lg", "data-[selected=true]:border-lg"]
+          button: ["text-lg"]
         },
         xl: {
-          button: ["text-xl", "data-[selected=true]:border-xl"]
+          button: ["text-xl"]
         }
       },
       color: {
@@ -232,37 +230,121 @@ var paginationStyle = tv(
         variant: "underline",
         color: "primary",
         class: {
-          button: [
-            "hover:text-primary-main",
-            "data-[selected=true]:text-primary-main",
-            "data-[selected=true]:border-b-primary-main"
-          ],
+          button: ["hover:text-primary-main", "data-[selected=true]:text-primary-main"],
           icon: ["hover:text-primary-main"]
         }
       },
+      {
+        variant: "underline",
+        color: "primary",
+        size: "sm",
+        class: {
+          button: ["data-[selected=true]:shadow-[inset_0_-1px_0_0_var(--dn-primary-main)]"]
+        }
+      },
+      {
+        variant: "underline",
+        color: "primary",
+        size: "md",
+        class: {
+          button: ["data-[selected=true]:shadow-[inset_0_-1.25px_0_0_var(--dn-primary-main)]"]
+        }
+      },
+      {
+        variant: "underline",
+        color: "primary",
+        size: "lg",
+        class: {
+          button: ["data-[selected=true]:shadow-[inset_0_-1.5px_0_0_var(--dn-primary-main)]"]
+        }
+      },
+      {
+        variant: "underline",
+        color: "primary",
+        size: "xl",
+        class: {
+          button: ["data-[selected=true]:shadow-[inset_0_-1.75px_0_0_var(--dn-primary-main)]"]
+        }
+      },
       {
         variant: "underline",
         color: "secondary",
         class: {
-          button: [
-            "hover:text-secondary-main",
-            "data-[selected=true]:text-secondary-main",
-            "data-[selected=true]:border-b-secondary-main"
-          ],
+          button: ["hover:text-secondary-main", "data-[selected=true]:text-secondary-main"],
           icon: ["hover:text-secondary-main"]
         }
       },
+      {
+        variant: "underline",
+        color: "secondary",
+        size: "sm",
+        class: {
+          button: ["data-[selected=true]:shadow-[inset_0_-1px_0_0_var(--dn-secondary-main)]"]
+        }
+      },
+      {
+        variant: "underline",
+        color: "secondary",
+        size: "md",
+        class: {
+          button: ["data-[selected=true]:shadow-[inset_0_-1.25px_0_0_var(--dn-secondary-main)]"]
+        }
+      },
+      {
+        variant: "underline",
+        color: "secondary",
+        size: "lg",
+        class: {
+          button: ["data-[selected=true]:shadow-[inset_0_-1.5px_0_0_var(--dn-secondary-main)]"]
+        }
+      },
+      {
+        variant: "underline",
+        color: "secondary",
+        size: "xl",
+        class: {
+          button: ["data-[selected=true]:shadow-[inset_0_-1.75px_0_0_var(--dn-secondary-main)]"]
+        }
+      },
       {
         variant: "underline",
         color: "neutral",
         class: {
-          button: [
-            "hover:text-neutral-dark",
-            "data-[selected=true]:text-neutral-dark",
-            "data-[selected=true]:border-b-neutral-main"
-          ],
+          button: ["hover:text-neutral-dark", "data-[selected=true]:text-neutral-dark"],
           icon: ["hover:text-neutral-dark"]
         }
+      },
+      {
+        variant: "underline",
+        color: "neutral",
+        size: "sm",
+        class: {
+          button: ["data-[selected=true]:shadow-[inset_0_-1px_0_0_var(--dn-neutral-main)]"]
+        }
+      },
+      {
+        variant: "underline",
+        color: "neutral",
+        size: "md",
+        class: {
+          button: ["data-[selected=true]:shadow-[inset_0_-1.25px_0_0_var(--dn-neutral-main)]"]
+        }
+      },
+      {
+        variant: "underline",
+        color: "neutral",
+        size: "lg",
+        class: {
+          button: ["data-[selected=true]:shadow-[inset_0_-1.5px_0_0_var(--dn-neutral-main)]"]
+        }
+      },
+      {
+        variant: "underline",
+        color: "neutral",
+        size: "xl",
+        class: {
+          button: ["data-[selected=true]:shadow-[inset_0_-1.75px_0_0_var(--dn-neutral-main)]"]
+        }
       }
     ],
     defaultVariants: {
@@ -278,6 +360,5 @@ var paginationStyle = tv(
 );
 
 export {
-  pagination_default,
-  paginationStyle
+  pagination_default
 };

package/dist/{chunk-WOGNHRNX.mjs → chunk-IT6RD6KS.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-2GFE25AI.mjs → chunk-JC6635TJ.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   tv
 } from "./chunk-76QIZILI.mjs";

package/dist/{chunk-KJ7L6CO6.mjs → chunk-KP2KOY5Z.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-TSBG5FXL.mjs";
+} from "./chunk-5R3ARH2N.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";

package/dist/{chunk-HO533YTO.mjs → chunk-MPUZ5T7X.mjs}

@@ -1,26 +1,26 @@
 "use client";
+import {
+  day_default
+} from "./chunk-2TDHQLVV.mjs";
 import {
   formatDateToString,
   formatStringToDate
 } from "./chunk-FWFEKWWD.mjs";
-import {
-  day_default
-} from "./chunk-2TDHQLVV.mjs";
 import {
   input_default
-} from "./chunk-HKONMHXA.mjs";
+} from "./chunk-ZI3MLO7X.mjs";
+import {
+  text_button_default
+} from "./chunk-SDUDU3CU.mjs";
 import {
   button_default
-} from "./chunk-3HY74IGR.mjs";
+} from "./chunk-TRLIC34S.mjs";
 import {
   icon_button_default
-} from "./chunk-6UKNZTOL.mjs";
+} from "./chunk-OLQJXFHU.mjs";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
-import {
-  text_button_default
-} from "./chunk-SDUDU3CU.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-5XW5QDIW.mjs → chunk-NCK5E2NL.mjs}

@@ -69,7 +69,7 @@ var CircularProgress = forwardRef((originalProps, ref) => {
                 cx: size / 2,
                 cy: size / 2,
                 r: OUTER_RADIUS + BORDER_MARGIN,
-                fill: "none",
+                fill: "#fff",
                 stroke: "#DFE2E7",
                 strokeWidth: "1"
               }

package/dist/{chunk-6UKNZTOL.mjs → chunk-OLQJXFHU.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-SZL743JC.mjs";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-F4ORNNYB.mjs → chunk-ORZW6F6E.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
 import {
   avatar_default
-} from "./chunk-OL22LVBG.mjs";
+} from "./chunk-BBEOPH6B.mjs";
 import {
   tv
 } from "./chunk-76QIZILI.mjs";

package/dist/{chunk-3HY74IGR.mjs → chunk-TRLIC34S.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-SZL743JC.mjs";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/chunk-WC5PVVT6.mjs

@@ -0,0 +1,138 @@
+"use client";
+import {
+  tv
+} from "./chunk-76QIZILI.mjs";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
+
+// src/components/table/definition-table.tsx
+import { forwardRef, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_CELL_CLASSES = "px-[10px] py-[8px] text-md border-r border-neutral-light h-[50px]";
+var FIRST_CELL_WIDTH_CLASS = "w-[120px] font-bold text-md text-body-foreground";
+var renderColGroup = (rows) => {
+  let maxCols = 0;
+  const colWidths = [];
+  rows.forEach((row) => {
+    let currentColCount = 0;
+    row.cells.forEach((cell) => {
+      currentColCount += cell.colSpan || 1;
+    });
+    maxCols = Math.max(maxCols, currentColCount);
+  });
+  colWidths[0] = "120px";
+  rows.forEach((row) => {
+    let colIndex = 0;
+    row.cells.forEach((cell) => {
+      const span = cell.colSpan || 1;
+      if (colIndex > 0 && cell.width && cell.width !== "auto" && colIndex < maxCols) {
+        colWidths[colIndex] = cell.width;
+      }
+      colIndex += span;
+    });
+  });
+  const cols = [];
+  for (let i = 0; i < maxCols; i++) {
+    cols.push(/* @__PURE__ */ jsx("col", { style: { width: colWidths[i] || "auto" } }, i));
+  }
+  return /* @__PURE__ */ jsx("colgroup", { children: cols });
+};
+var getHighlightColumnIndex = (rows, key) => {
+  if (!key) return null;
+  for (const row of rows) {
+    let colIndex = 0;
+    for (const cell of row.cells) {
+      const span = cell.colSpan || 1;
+      if (cell.key === key) return colIndex;
+      colIndex += span;
+    }
+  }
+  return null;
+};
+var DefinitionTableRow = ({
+  cells,
+  className,
+  rowIndex = 0,
+  rowCount = 0,
+  highlightColumnIndex
+}) => /* @__PURE__ */ jsx("tr", { className: clsx("border-neutral-light border-b", className), children: cells.map((cell, colIndex) => {
+  const isFirstCell = colIndex === 0;
+  const isHighlighted = colIndex === highlightColumnIndex;
+  const isFirstRow = rowIndex === 0;
+  const isLastRow = rowIndex === rowCount - 1;
+  const borderHighlightClass = isHighlighted ? clsx(
+    "border-l-[2px] border-r-[2px] border-primary-main bg-neutral-soft",
+    isFirstRow && "border-t-[2px]",
+    isLastRow && "border-b-[2px]"
+  ) : "";
+  const combinedClassName = clsx(
+    DEFAULT_CELL_CLASSES,
+    isFirstCell && FIRST_CELL_WIDTH_CLASS,
+    cell.className,
+    borderHighlightClass
+  );
+  let cellStyle;
+  if (isFirstCell) {
+    cellStyle = {
+      width: "120px",
+      minWidth: "120px",
+      maxWidth: "120px"
+    };
+  } else if (cell.width && cell.width !== "auto") {
+    cellStyle = {
+      width: cell.width,
+      minWidth: cell.width,
+      maxWidth: cell.width
+    };
+  } else {
+    cellStyle = { width: "100%" };
+  }
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      className: combinedClassName,
+      colSpan: cell.colSpan,
+      rowSpan: cell.rowSpan,
+      style: { ...cellStyle, height: "50px" },
+      children: cell.content
+    },
+    colIndex
+  );
+}) });
+var DefinitionTable = forwardRef(
+  ({ rows = [], footer, highlightColumnKey, classNames }, ref) => {
+    const slots = useMemo(() => DefinitionTableStyle(), []);
+    const highlightColumnIndex = useMemo(
+      () => getHighlightColumnIndex(rows, highlightColumnKey),
+      [rows, highlightColumnKey]
+    );
+    return /* @__PURE__ */ jsx("div", { ref, className: clsx(slots.base(), classNames == null ? void 0 : classNames.base), children: /* @__PURE__ */ jsxs("table", { className: clsx(slots.table(), classNames == null ? void 0 : classNames.table), children: [
+      renderColGroup(rows),
+      /* @__PURE__ */ jsx("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsx(
+        DefinitionTableRow,
+        {
+          ...row,
+          rowIndex: i,
+          rowCount: rows.length,
+          highlightColumnIndex,
+          className: row.className
+        },
+        i
+      )) }),
+      footer && /* @__PURE__ */ jsx("tfoot", { children: footer })
+    ] }) });
+  }
+);
+DefinitionTable.displayName = "DefinitionTable";
+var definition_table_default = DefinitionTable;
+var DefinitionTableStyle = tv({
+  slots: {
+    base: ["flex", "flex-col", "gap-[30px]"],
+    table: ["w-full", "table-auto", "border", "border-neutral-light"]
+  }
+});
+
+export {
+  definition_table_default
+};

package/dist/{chunk-YZ57UYAS.mjs → chunk-XX2PHROM.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   template
-} from "./chunk-BG4DIGKH.mjs";
+} from "./chunk-GQFNYXJZ.mjs";
 
 // src/components/icon/Icon.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-LX7NPKFE.mjs → chunk-YWLC7KRK.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
@@ -133,7 +133,6 @@ var Select = forwardRef((originalProps, ref) => {
               "div",
               {
                 role: "option",
-                title: option.label,
                 onClick: () => handleChangeOption(option),
                 className: clsx(
                   select({ ...variantProps, isSelected }).option({ class: classNames == null ? void 0 : classNames.option }),

package/dist/{chunk-HKONMHXA.mjs → chunk-ZI3MLO7X.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";