@deepnoid/ui 0.1.19 → 0.1.21

package/dist/chunk-IZM66FHP.mjs

@@ -0,0 +1,8 @@
+"use client";
+
+// src/assets/images/folder.svg
+var folder_default = "./folder-RO3QTLGS.svg";
+
+export {
+  folder_default
+};

package/dist/{chunk-QIDZXCYP.mjs → chunk-JHDYQCEE.mjs}

@@ -1,22 +1,22 @@
 "use client";
 import {
   calendar_default
-} from "./chunk-5ANQDLRS.mjs";
+} from "./chunk-DUPQBPI2.mjs";
 import {
   timePicker_default
-} from "./chunk-AG7AWQKH.mjs";
+} from "./chunk-Q6BZ76DI.mjs";
 import {
   useDatePicker
 } from "./chunk-FWJ2ZKH6.mjs";
 import {
   Icon_default
-} from "./chunk-DADMVOYI.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
+} from "./chunk-HWL7TPUN.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/dateTimePicker/dateTimePicker.tsx
 import React, { forwardRef, useCallback, useMemo } from "react";

package/dist/chunk-MBLZYQCN.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/{chunk-7A5M7DRD.mjs → chunk-MQI5SZWO.mjs}

@@ -1,19 +1,19 @@
 "use client";
-import {
-  useRipple
-} from "./chunk-6PNKRBUT.mjs";
 import {
   ripple_default
 } from "./chunk-LXHUO6VM.mjs";
 import {
-  Icon_default
-} from "./chunk-DADMVOYI.mjs";
+  useRipple
+} from "./chunk-6PNKRBUT.mjs";
 import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
+  Icon_default
+} from "./chunk-HWL7TPUN.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/button/button.tsx
 import React, { forwardRef, useMemo, useCallback } from "react";

package/dist/{chunk-3DPVPTHL.mjs → chunk-MV7RSV4D.mjs}

@@ -1,14 +1,14 @@
 "use client";
 import {
   checkbox_default
-} from "./chunk-D6QI3DJG.mjs";
+} from "./chunk-7H5XPHY6.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 
 // src/components/table/table-head.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-var TableHead = ({ columns, slots, size, selectableRows, isCheckedAll, classNames, onCheckAll }) => {
+var TableHead = ({ columns, slots, size, rowCheckbox, isCheckedAll, classNames, onCheckAll }) => {
   const handleClickCheckAll = (e) => {
     e.preventDefault();
     onCheckAll(!isCheckedAll);
@@ -27,7 +27,7 @@ var TableHead = ({ columns, slots, size, selectableRows, isCheckedAll, className
     },
     `${column.field}${index}thead`
   ));
-  const renderSelectAllCheckbox = () => selectableRows && /* @__PURE__ */ jsx("th", { className: slots.th({ class: classNames == null ? void 0 : classNames.th }), onClick: handleClickCheckAll, children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(checkbox_default, { size, checked: isCheckedAll }) }) });
+  const renderSelectAllCheckbox = () => rowCheckbox && /* @__PURE__ */ jsx("th", { className: slots.th({ class: classNames == null ? void 0 : classNames.th }), onClick: handleClickCheckAll, children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(checkbox_default, { size, checked: isCheckedAll }) }) });
   return /* @__PURE__ */ jsx("thead", { className: slots.thead({ class: classNames == null ? void 0 : classNames.thead }), children: /* @__PURE__ */ jsxs("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
     renderColumnHeaders(),
     renderSelectAllCheckbox()

package/dist/chunk-MW7CSRIE.mjs

@@ -0,0 +1,348 @@
+"use client";
+import {
+  Icon_default
+} from "./chunk-HWL7TPUN.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
+
+// src/components/select/select.tsx
+import { forwardRef, useMemo, useState, useRef, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Select = forwardRef((originalProps, ref) => {
+  var _a;
+  const [props, variantProps] = mapPropsVariants(originalProps, select.variantKeys);
+  const {
+    label,
+    options,
+    helperText,
+    errorText,
+    classNames,
+    defaultSelectedOptions = [],
+    onChange,
+    multiple,
+    ...inputProps
+  } = props;
+  const slots = useMemo(() => select({ ...variantProps }), [variantProps]);
+  const [selectedOptions, setSelectedOptions] = useState(defaultSelectedOptions);
+  const [targetRect, setTargetRect] = useState(null);
+  const [optionWrapperHeight, setOptionWrapperHeight] = useState(0);
+  const [isVisible, setIsVisible] = useState(false);
+  const [isOpen, setIsOpen] = useState(false);
+  const selectWrapperRef = useRef(null);
+  const optionWrapperRef = useRef(null);
+  const handleToggleSelect = () => {
+    if (isOpen) {
+      setIsOpen(false);
+      setTimeout(() => setIsVisible(false), 150);
+    } else {
+      if (selectWrapperRef.current) {
+        const rect = selectWrapperRef.current.getBoundingClientRect();
+        setTargetRect(rect);
+        setIsVisible(true);
+        requestAnimationFrame(() => setIsOpen(true));
+      }
+    }
+  };
+  const calculatePositionWithScroll = (rect, height) => {
+    const scrollTop = window.scrollY;
+    const scrollLeft = window.scrollX;
+    const spaceBelow = window.innerHeight - (rect.y + rect.height + 4);
+    const spaceAbove = rect.y - 4;
+    const top = spaceBelow < height && spaceAbove > height ? rect.y - height - 4 : rect.y + rect.height + 4;
+    return {
+      top: top + scrollTop,
+      left: rect.x + scrollLeft
+    };
+  };
+  const handleChangeOption = (option) => {
+    let nextOptions;
+    if (multiple) {
+      const exists = selectedOptions.some((o) => o.key === option.key);
+      nextOptions = exists ? selectedOptions.filter((o) => o.key !== option.key) : [...selectedOptions, option];
+    } else {
+      nextOptions = [option];
+      setIsOpen(false);
+      setTimeout(() => setIsVisible(false), 150);
+    }
+    setSelectedOptions(nextOptions);
+    onChange == null ? void 0 : onChange(nextOptions);
+  };
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      var _a2;
+      if (optionWrapperRef.current && !optionWrapperRef.current.contains(e.target) && !((_a2 = selectWrapperRef.current) == null ? void 0 : _a2.contains(e.target))) {
+        setIsOpen(false);
+        setTimeout(() => setIsVisible(false), 150);
+      }
+    };
+    window.addEventListener("mousedown", handleClickOutside);
+    return () => window.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  useEffect(() => {
+    if (optionWrapperRef.current) {
+      setOptionWrapperHeight(optionWrapperRef.current.getBoundingClientRect().height);
+    }
+  }, [targetRect]);
+  const position = targetRect ? calculatePositionWithScroll(targetRect, optionWrapperHeight) : null;
+  const displayValue = multiple ? selectedOptions.map((opt) => opt.value).join(", ") : ((_a = selectedOptions[0]) == null ? void 0 : _a.value) || "";
+  const Option = ({
+    option,
+    isSelected,
+    onClick
+  }) => {
+    const slot = select({ ...variantProps, isSelected });
+    return /* @__PURE__ */ jsxs("div", { title: option.value, onClick, className: clsx(slot.option({ class: classNames == null ? void 0 : classNames.option })), children: [
+      option.value,
+      isSelected && /* @__PURE__ */ jsx(Icon_default, { name: "check", size: originalProps.size })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx(
+          slots.base({ class: classNames == null ? void 0 : classNames.base }),
+          variantProps.direction === "horizon" ? slots.horizon({ class: classNames == null ? void 0 : classNames.horizon }) : slots.vertical({ class: classNames == null ? void 0 : classNames.vertical })
+        ),
+        children: [
+          label && /* @__PURE__ */ jsx("label", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
+          /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "data-expanded": isOpen,
+                className: clsx(
+                  slots.selectWrapper({ class: classNames == null ? void 0 : classNames.selectWrapper }),
+                  inputProps.readOnly ? slots.readonly({ class: classNames == null ? void 0 : classNames.readonly }) : ""
+                ),
+                ref: selectWrapperRef,
+                onClick: handleToggleSelect,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      ...inputProps,
+                      ref,
+                      className: clsx(
+                        slots.select({ class: classNames == null ? void 0 : classNames.select }),
+                        inputProps.readOnly ? "!text-body-foreground placeholder:text-body-foreground" : ""
+                      ),
+                      value: displayValue,
+                      readOnly: true,
+                      size: 0
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Icon_default,
+                    {
+                      name: "brace-up",
+                      size: originalProps.size,
+                      className: `transition-transform duration-200 ${isOpen ? "rotate-0" : "rotate-180"}`
+                    }
+                  )
+                ]
+              }
+            ),
+            helperText && !errorText && /* @__PURE__ */ jsx("p", { className: slots.helperText({ class: classNames == null ? void 0 : classNames.helperText }), children: helperText }),
+            errorText && /* @__PURE__ */ jsx("p", { className: clsx("error", slots.errorText({ class: classNames == null ? void 0 : classNames.errorText })), children: errorText })
+          ] })
+        ]
+      }
+    ),
+    isVisible && createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: optionWrapperRef,
+          className: slots.optionsWrapper({ class: classNames == null ? void 0 : classNames.optionsWrapper }),
+          style: {
+            position: "absolute",
+            top: position == null ? void 0 : position.top,
+            left: position == null ? void 0 : position.left,
+            width: targetRect == null ? void 0 : targetRect.width,
+            zIndex: 1e3,
+            opacity: isOpen ? 1 : 0,
+            transform: isOpen ? "translateY(0)" : "translateY(-0.25rem)",
+            transition: "opacity 150ms ease-out, transform 150ms ease-out"
+          },
+          children: options.map((option) => {
+            const isSelected = selectedOptions.some((o) => o.key === option.key);
+            return /* @__PURE__ */ jsx(
+              Option,
+              {
+                option,
+                isSelected,
+                onClick: () => handleChangeOption(option)
+              },
+              option.key
+            );
+          })
+        }
+      ),
+      document.body
+    )
+  ] });
+});
+Select.displayName = "Select";
+var select_default = Select;
+var select = tv({
+  slots: {
+    base: ["group/select", "flex"],
+    vertical: ["flex-col"],
+    horizon: ["flex-row", "gap-0"],
+    label: ["flex", "items-center", "font-bold", "text-body-foreground", "min-w-[80px]"],
+    wrapper: ["flex", "flex-col"],
+    selectWrapper: [
+      "flex",
+      "items-center",
+      "justify-between",
+      "border",
+      "cursor-pointer",
+      "text-neutral-main",
+      "hover:bg-trans-soft",
+      "group-has-[p.error]/select:border-danger-main",
+      "group-has-[p.error]/select:bg-danger-soft",
+      "group-has-[p.error]/select:text-danger-main",
+      "group-has-[p.error]/select:hover:bg-danger-soft"
+    ],
+    select: [
+      "bg-transparent",
+      "w-full",
+      "outline-none",
+      "placeholder:text-neutral-main",
+      "text-neutral-dark",
+      "group-has-[p.error]/select:text-danger-main",
+      "group-has-[p.error]/select:placeholder:text-danger-main"
+    ],
+    optionsWrapper: ["border", "rounded", "bg-white", "shadow", "overflow-auto"],
+    option: ["flex", "justify-between", "items-center", "cursor-pointer"],
+    helperText: ["text-neutral-main"],
+    errorText: ["text-danger-main"],
+    readonly: ["pointer-events-none", "!bg-trans-soft"]
+  },
+  variants: {
+    color: {
+      primary: {
+        selectWrapper: ["hover:text-primary-main"],
+        option: ["hover:bg-primary-soft", "hover:text-primary-main"]
+      },
+      secondary: {
+        selectWrapper: ["hover:text-secondary-main"],
+        select: ["text-secondary-main"],
+        option: ["hover:bg-secondary-soft", "hover:text-secondary-main"]
+      }
+    },
+    size: {
+      sm: {
+        base: ["text-sm", "gap-[4px]"],
+        label: ["text-sm"],
+        wrapper: ["gap-[4px]"],
+        selectWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]"],
+        select: ["text-sm"],
+        option: ["px-[4px]", "py-[3px]", "text-sm"],
+        helperText: ["text-sm"],
+        errorText: ["text-sm"]
+      },
+      md: {
+        base: ["text-md", "gap-[6px]", "rounded-md"],
+        label: ["text-md"],
+        wrapper: ["gap-[6px]"],
+        selectWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]"],
+        select: ["text-md"],
+        option: ["px-[6px]", "py-[5.5px]", "text-md"],
+        helperText: ["text-sm"],
+        errorText: ["text-sm"]
+      },
+      lg: {
+        base: ["text-lg", "gap-[8px]"],
+        label: ["text-lg"],
+        wrapper: ["gap-[8px]"],
+        selectWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]"],
+        select: ["text-lg"],
+        option: ["px-[8px]", "py-[8px]", "text-lg"],
+        helperText: ["text-md"],
+        errorText: ["text-md"]
+      },
+      xl: {
+        base: ["text-xl", "gap-[10px]"],
+        label: ["text-xl"],
+        wrapper: ["gap-[10px]"],
+        selectWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]"],
+        select: ["text-xl"],
+        option: ["px-[10px]", "py-[11.5px]"],
+        helperText: ["text-md"],
+        errorText: ["text-md"]
+      }
+    },
+    direction: {
+      vertical: "",
+      horizon: ""
+    },
+    full: {
+      true: {
+        base: ["w-full"],
+        wrapper: ["w-full"],
+        selectWrapper: ["w-full"]
+      }
+    },
+    disabled: {
+      true: {
+        base: ["pointer-events-none"],
+        selectWrapper: [
+          "bg-neutral-soft",
+          "border-neutral-light",
+          "group-has-[p.error]/select:text-danger-light",
+          "group-has-[p.error]/select:bg-danger-soft",
+          "group-has-[p.error]/select:border-danger-light"
+        ],
+        select: [
+          "text-neutral-light",
+          "placeholder:text-neutral-light",
+          "group-has-[p.error]/select:text-danger-light",
+          "group-has-[p.error]/select:placeholder:text-danger-light"
+        ],
+        helperText: ["!text-neutral-light"],
+        errorText: ["!text-danger-light"]
+      }
+    },
+    isSelected: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    {
+      color: "primary",
+      isSelected: true,
+      class: {
+        option: "bg-primary-soft text-primary-main"
+      }
+    },
+    {
+      color: "secondary",
+      isSelected: true,
+      class: {
+        option: "bg-secondary-soft text-secondary-main"
+      }
+    }
+  ],
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    direction: "vertical",
+    disabled: false,
+    readonly: false
+  }
+});
+
+export {
+  select_default
+};

package/dist/chunk-OV7CZNXU.mjs

@@ -0,0 +1,135 @@
+"use client";
+import {
+  button_default
+} from "./chunk-MQI5SZWO.mjs";
+import {
+  Icon_default
+} from "./chunk-HWL7TPUN.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
+import {
+  backdrop_default
+} from "./chunk-P5QCU457.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.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
+  } = 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.footer({ class: classNames == null ? void 0 : classNames.footer }), children: [
+            cancelButtonText && /* @__PURE__ */ jsx(button_default, { variant: "soft", color: "neutral", fullWidth: true, onClick: onCancel, children: cancelButtonText }),
+            confirmButtonText && /* @__PURE__ */ jsx(button_default, { color: props.color, fullWidth: true, onClick: onConfirm, children: confirmButtonText })
+          ] })
+        ] })
+      ] }) })
+    ] }),
+    document.body
+  );
+});
+Modal.displayName = "Modal";
+var modal_default = Modal;
+var modal = tv({
+  slots: {
+    base: [
+      "group/modal",
+      "absolute",
+      "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]"],
+    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
+};

package/dist/{chunk-AG7AWQKH.mjs → chunk-Q6BZ76DI.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  list_default
-} from "./chunk-HIVPDIEP.mjs";
 import {
   listItem_default
-} from "./chunk-FONJYZKH.mjs";
+} from "./chunk-SDHQUYFI.mjs";
+import {
+  list_default
+} from "./chunk-UFVQPPPW.mjs";
 
 // src/components/dateTimePicker/timePicker.tsx
 import { useState, useRef, useEffect } from "react";

package/dist/{chunk-63WXGSTV.mjs → chunk-QHWFHOW2.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   checkbox_default
-} from "./chunk-D6QI3DJG.mjs";
+} from "./chunk-7H5XPHY6.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
@@ -15,9 +15,10 @@ var TableBody = ({
   columns,
   rows,
   size,
-  selectableRows,
+  rowCheckbox,
   checkedRows,
   onCheckRow,
+  onRowClick,
   emptyContent,
   isLoading,
   classNames,
@@ -58,21 +59,30 @@ var TableBody = ({
     [classNames == null ? void 0 : classNames.td, generateColumnStyles, slots]
   );
   const hasRows = rows.length > 0;
-  const colSpan = (columns.length || 1) + (selectableRows ? 1 : 0);
+  const colSpan = (columns.length || 1) + (rowCheckbox ? 1 : 0);
   return /* @__PURE__ */ jsxs("tbody", { className: clsx(slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), className), children: [
     !isLoading && hasRows && rows.map((row, rowIndex) => {
       const isRowChecked = checkedRows.has(rowIndex);
-      return /* @__PURE__ */ jsxs("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
-        columns.map((column) => /* @__PURE__ */ createElement("td", { ...getCellProps(column, row), key: column.field })),
-        selectableRows && /* @__PURE__ */ jsx("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
-          checkbox_default,
-          {
-            size,
-            checked: isRowChecked,
-            onChange: (e) => onCheckRow(rowIndex, e.target.checked)
-          }
-        ) }) })
-      ] }, rowIndex);
+      return /* @__PURE__ */ jsxs(
+        "tr",
+        {
+          className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }),
+          "aria-checked": isRowChecked,
+          onClick: () => onRowClick ? onRowClick(row) : void 0,
+          children: [
+            columns.map((column) => /* @__PURE__ */ createElement("td", { ...getCellProps(column, row), key: column.field })),
+            rowCheckbox && /* @__PURE__ */ jsx("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
+              checkbox_default,
+              {
+                size,
+                checked: isRowChecked,
+                onChange: (e) => onCheckRow(rowIndex, e.target.checked)
+              }
+            ) }) })
+          ]
+        },
+        rowIndex
+      );
     }),
     !isLoading && !hasRows && emptyContent && /* @__PURE__ */ jsx("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ jsx("td", { colSpan, className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) })
   ] });

package/dist/{chunk-FONJYZKH.mjs → chunk-SDHQUYFI.mjs}

@@ -1,16 +1,16 @@
 "use client";
-import {
-  avatar_default
-} from "./chunk-UYPVP36M.mjs";
 import {
   Icon_default
-} from "./chunk-DADMVOYI.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
+} from "./chunk-HWL7TPUN.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  avatar_default
+} from "./chunk-XQGD4ZIX.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/list/listItem.tsx
 import { forwardRef, useMemo } from "react";