@deepnoid/ui 0.1.26 → 0.1.27

package/dist/components/table/definition-table.js

@@ -0,0 +1,351 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// ../../node_modules/tailwindcss/lib/util/createPlugin.js
+var require_createPlugin = __commonJS({
+  "../../node_modules/tailwindcss/lib/util/createPlugin.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports2, "default", {
+      enumerable: true,
+      get: function() {
+        return _default;
+      }
+    });
+    function createPlugin(plugin2, config) {
+      return {
+        handler: plugin2,
+        config
+      };
+    }
+    createPlugin.withOptions = function(pluginFunction, configFunction = () => ({})) {
+      const optionsFunction = function(options) {
+        return {
+          __options: options,
+          handler: pluginFunction(options),
+          config: configFunction(options)
+        };
+      };
+      optionsFunction.__isOptionsFunction = true;
+      optionsFunction.__pluginFunction = pluginFunction;
+      optionsFunction.__configFunction = configFunction;
+      return optionsFunction;
+    };
+    var _default = createPlugin;
+  }
+});
+
+// ../../node_modules/tailwindcss/lib/public/create-plugin.js
+var require_create_plugin = __commonJS({
+  "../../node_modules/tailwindcss/lib/public/create-plugin.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports2, "default", {
+      enumerable: true,
+      get: function() {
+        return _default;
+      }
+    });
+    var _createPlugin = /* @__PURE__ */ _interop_require_default(require_createPlugin());
+    function _interop_require_default(obj) {
+      return obj && obj.__esModule ? obj : {
+        default: obj
+      };
+    }
+    var _default = _createPlugin.default;
+  }
+});
+
+// ../../node_modules/tailwindcss/plugin.js
+var require_plugin = __commonJS({
+  "../../node_modules/tailwindcss/plugin.js"(exports2, module2) {
+    "use strict";
+    var createPlugin = require_create_plugin();
+    module2.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
+  }
+});
+
+// src/components/table/definition-table.tsx
+var definition_table_exports = {};
+__export(definition_table_exports, {
+  default: () => definition_table_default
+});
+module.exports = __toCommonJS(definition_table_exports);
+var import_react = require("react");
+
+// src/utils/tailwind-variants.ts
+var import_tailwind_variants = require("tailwind-variants");
+
+// ../tailwind-config/src/plugin.ts
+var import_plugin = __toESM(require_plugin());
+
+// ../tailwind-config/src/typography/font.ts
+var fontSize = {
+  h1: [
+    "40px",
+    {
+      fontWeight: "700"
+    }
+  ],
+  h2: [
+    "34px",
+    {
+      fontWeight: "700"
+    }
+  ],
+  h3: [
+    "28px",
+    {
+      fontWeight: "700"
+    }
+  ],
+  h4: [
+    "24px",
+    {
+      fontWeight: "700"
+    }
+  ],
+  h5: [
+    "20px",
+    {
+      fontWeight: "600"
+    }
+  ],
+  sm: [
+    "12px",
+    {
+      lineHeight: "18px",
+      fontWeight: "400"
+    }
+  ],
+  md: [
+    "14px",
+    {
+      lineHeight: "21px",
+      fontWeight: "400"
+    }
+  ],
+  lg: [
+    "16px",
+    {
+      lineHeight: "24px",
+      fontWeight: "400"
+    }
+  ],
+  xl: [
+    "18px",
+    {
+      lineHeight: "27px",
+      fontWeight: "400"
+    }
+  ]
+};
+
+// ../tailwind-config/src/animation/slide.ts
+var sliceAnimation = {
+  slideInFromTop: "slideInFromTop 0.5s ease-out",
+  slideInFromBottom: "slideInFromBottom 0.5s ease-out",
+  slideInFromLeft: "slideInFromLeft 0.5s ease-out",
+  slideInFromRight: "slideInFromRight 0.5s ease-out",
+  slideOutToTop: "slideOutToTop 0.5s ease-in",
+  slideOutToBottom: "slideOutToBottom 0.5s ease-in",
+  slideOutToLeft: "slideOutToLeft 0.5s ease-in",
+  slideOutToRight: "slideOutToRight 0.5s ease-in"
+};
+var sliceKeyframe = {
+  slideInFromTop: {
+    "0%": {
+      transform: "translateY(-10px)",
+      opacity: "0"
+    },
+    "100%": {
+      transform: "translateY(0)",
+      opacity: "1"
+    }
+  },
+  slideInFromBottom: {
+    "0%": {
+      transform: "translateY(10px)",
+      opacity: "0"
+    },
+    "100%": {
+      transform: "translateY(0)",
+      opacity: "1"
+    }
+  },
+  slideInFromLeft: {
+    "0%": {
+      transform: "translateX(-10px)",
+      opacity: "0"
+    },
+    "100%": {
+      transform: "translateX(0)",
+      opacity: "1"
+    }
+  },
+  slideInFromRight: {
+    "0%": {
+      transform: "translateX(10px)",
+      opacity: "0"
+    },
+    "100%": {
+      transform: "translateX(0)",
+      opacity: "1"
+    }
+  },
+  slideOutToTop: {
+    "0%": {
+      transform: "translateY(0)",
+      opacity: "1"
+    },
+    "100%": {
+      transform: "translateY(-10px)",
+      opacity: "0"
+    }
+  },
+  slideOutToBottom: {
+    "0%": {
+      transform: "translateY(0)",
+      opacity: "1"
+    },
+    "100%": {
+      transform: "translateY(10px)",
+      opacity: "0"
+    }
+  },
+  slideOutToLeft: {
+    "0%": {
+      transform: "translateX(0)",
+      opacity: "1"
+    },
+    "100%": {
+      transform: "translateX(-10px)",
+      opacity: "0"
+    }
+  },
+  slideOutToRight: {
+    "0%": {
+      transform: "translateX(0)",
+      opacity: "1"
+    },
+    "100%": {
+      transform: "translateX(10px)",
+      opacity: "0"
+    }
+  }
+};
+
+// ../tailwind-config/src/animation/index.ts
+var animation = { ...sliceAnimation };
+var keyframes = { ...sliceKeyframe };
+
+// ../tailwind-config/src/shadow/index.ts
+var boxShadow = {
+  "border-1": "inner 0 0 0 1px inset",
+  "border-2": "inner 0 0 0 2px inset",
+  "border-3": "inner 0 0 0 3px inset",
+  "border-4": "inner 0 0 0 4px inset",
+  "border-5": "inner 0 0 0 5px inset",
+  "border-6": "inner 0 0 0 6px inset",
+  "border-7": "inner 0 0 0 7px inset",
+  "border-8": "inner 0 0 0 8px inset",
+  "border-9": "inner 0 0 0 9px inset",
+  "border-10": "inner 0 0 0 10px inset",
+  inner: "inset 0 4px 8px 0 rgba(36, 39, 44, 0.2)",
+  drop: "0 20px 40px 0 rgba(36, 39, 44, 0.2)"
+};
+
+// ../tailwind-config/src/border/radius.ts
+var borderRadius = {
+  sm: "4px",
+  md: "6px",
+  lg: "8px",
+  xl: "10px",
+  none: "0",
+  full: "9999px"
+};
+
+// ../tailwind-config/src/space/gap.ts
+var gap = {
+  sm: "4px",
+  md: "6px",
+  lg: "8px",
+  xl: "10px"
+};
+
+// src/utils/tailwind-variants.ts
+function typedKeys(obj) {
+  return Object.keys(obj);
+}
+var COMMON_SIZE = ["sm", "md", "lg", "xl"];
+var tv = (0, import_tailwind_variants.createTV)({
+  twMergeConfig: {
+    classGroups: {
+      fontSize: [{ text: [...typedKeys(fontSize)] }],
+      borderRadius: [{ rounded: [...typedKeys(borderRadius)] }],
+      boxShadow: [{ shadow: [...typedKeys(boxShadow)] }],
+      padding: [{ p: [...COMMON_SIZE] }],
+      gap: [{ gap: [...typedKeys(gap)] }]
+    }
+  }
+});
+
+// src/components/table/definition-table.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_COLUMN_CLASSES = [
+  "w-[120px] px-[10px] py-[9.5px] font-bold text-md text-body-foreground border-r border-neutral-light",
+  "px-[10px] py-[9.5px]"
+];
+var DefinitionTableRow = ({ columns, columnClasses = [] }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { className: "border-neutral-light min-h-[50px] border-b", children: columns.map((col, index) => {
+  var _a;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: (_a = columnClasses[index]) != null ? _a : DEFAULT_COLUMN_CLASSES[index], children: col }, index);
+}) });
+var DefinitionTable = (0, import_react.forwardRef)(({ rows, footer, classNames }, ref) => {
+  const slots = (0, import_react.useMemo)(() => DefinitionTableStyle(), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DefinitionTableRow, { ...row }, i)) }) }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: footer })
+  ] });
+});
+DefinitionTable.displayName = "DefinitionTable";
+var definition_table_default = DefinitionTable;
+var DefinitionTableStyle = tv({
+  slots: {
+    base: ["flex", "flex-col", "gap-[30px]"],
+    table: ["w-full", "table-fixed", "border", "border-neutral-light"]
+  }
+});

package/dist/components/table/definition-table.mjs

@@ -0,0 +1,9 @@
+"use client";
+import {
+  definition_table_default
+} from "../../chunk-6TIIBU7J.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-AC6TWLRT.mjs";
+export {
+  definition_table_default as default
+};

package/dist/components/table/form-table.d.mts

@@ -14,7 +14,7 @@ interface FormTableProps {
     footer?: ReactNode;
     classNames?: SlotsToClasses<FormTableSlots>;
 }
-declare const FormTable: react.ForwardRefExoticComponent<FormTableProps & react.RefAttributes<HTMLDivElement | HTMLFormElement>>;
+declare const FormTable: react.ForwardRefExoticComponent<FormTableProps & react.RefAttributes<HTMLFormElement | HTMLDivElement>>;
 
 declare const formTableStyle: tailwind_variants.TVReturnType<{
     [key: string]: {

package/dist/components/table/form-table.d.ts

@@ -14,7 +14,7 @@ interface FormTableProps {
     footer?: ReactNode;
     classNames?: SlotsToClasses<FormTableSlots>;
 }
-declare const FormTable: react.ForwardRefExoticComponent<FormTableProps & react.RefAttributes<HTMLDivElement | HTMLFormElement>>;
+declare const FormTable: react.ForwardRefExoticComponent<FormTableProps & react.RefAttributes<HTMLFormElement | HTMLDivElement>>;
 
 declare const formTableStyle: tailwind_variants.TVReturnType<{
     [key: string]: {

package/dist/components/table/form-table.mjs

@@ -1,9 +1,49 @@
 "use client";
 import {
-  form_table_default
-} from "../../chunk-ICZTNO4V.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+  tv
+} from "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
+
+// src/components/table/form-table.tsx
+import { forwardRef, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_COLUMN_CLASSES = [
+  "w-[120px] px-[10px] py-[9.5px] font-bold text-md text-body-foreground border-r border-neutral-light",
+  "px-[10px] py-[9.5px]"
+];
+var FormTableRow = ({ columns, columnClasses = [] }) => /* @__PURE__ */ jsx("tr", { className: "border-neutral-light min-h-[50px] border-b", children: columns.map((col, index) => {
+  var _a;
+  return /* @__PURE__ */ jsx("td", { className: (_a = columnClasses[index]) != null ? _a : DEFAULT_COLUMN_CLASSES[index], children: col }, index);
+}) });
+var FormTable = forwardRef(
+  ({ rows, onSubmit, footer, classNames }, ref) => {
+    const slots = useMemo(() => formTableStyle(), []);
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsx(FormTableRow, { ...row }, i)) }) }),
+      footer && /* @__PURE__ */ jsx("div", { children: footer })
+    ] });
+    if (onSubmit) {
+      return /* @__PURE__ */ jsx(
+        "form",
+        {
+          ref,
+          onSubmit,
+          className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: content });
+  }
+);
+FormTable.displayName = "FormTable";
+var form_table_default = FormTable;
+var formTableStyle = tv({
+  slots: {
+    base: ["flex", "flex-col", "gap-[30px]"],
+    table: ["w-full", "table-fixed", "border", "border-neutral-light"]
+  }
+});
 export {
   form_table_default as default
 };

package/dist/components/table/index.d.mts

@@ -1,5 +1,5 @@
 export { default as Table, TableColumn, TableRef, TableRow } from './table.mjs';
-export { default as FormTable } from './form-table.mjs';
+export { default as DefinitionTable } from './definition-table.mjs';
 import 'tailwind-variants';
 import 'react';
 import '../../utils/types.mjs';

package/dist/components/table/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Table, TableColumn, TableRef, TableRow } from './table.js';
-export { default as FormTable } from './form-table.js';
+export { default as DefinitionTable } from './definition-table.js';
 import 'tailwind-variants';
 import 'react';
 import '../../utils/types.js';

package/dist/components/table/index.js

@@ -102,7 +102,7 @@ var require_plugin = __commonJS({
 // src/components/table/index.ts
 var table_exports = {};
 __export(table_exports, {
-  FormTable: () => form_table_default,
+  DefinitionTable: () => definition_table_default,
   Table: () => table_default
 });
 module.exports = __toCommonJS(table_exports);
@@ -618,7 +618,14 @@ var TableHead = ({ columns, slots, size, rowCheckbox, isCheckedAll, classNames,
     },
     `${column.field}${index}thead`
   ));
-  const renderSelectAllCheckbox = () => rowCheckbox && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: slots.th({ class: classNames == null ? void 0 : classNames.th }), onClick: handleClickCheckAll, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(checkbox_default, { size, checked: isCheckedAll }) }) });
+  const renderSelectAllCheckbox = () => rowCheckbox && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: slots.th({ class: classNames == null ? void 0 : classNames.th }), onClick: handleClickCheckAll, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    checkbox_default,
+    {
+      size,
+      checked: isCheckedAll,
+      onChange: (e) => onCheckAll(e.target.checked)
+    }
+  ) }) });
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { className: slots.thead({ class: classNames == null ? void 0 : classNames.thead }), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
     renderColumnHeaders(),
     renderSelectAllCheckbox()
@@ -4714,7 +4721,7 @@ var Icon_default = Icon;
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var Input = (0, import_react5.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, inputStyle.variantKeys);
-  const { classNames, label, helperText, errorText, startContent, endContent, ...inputProps } = props;
+  const { classNames, label, helperMessage, errorMessage, startContent, endContent, ...inputProps } = props;
   const inputRef = (0, import_react5.useRef)(null);
   const slots = (0, import_react5.useMemo)(() => inputStyle({ ...variantProps }), [variantProps]);
   const getContentProps = (0, import_react5.useCallback)(
@@ -4757,7 +4764,7 @@ var Input = (0, import_react5.forwardRef)((originalProps, ref) => {
         className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
       };
       return import_react5.default.cloneElement(endContent, mergedProps);
-    } else if (errorText) {
+    } else if (errorMessage) {
       const iconProps = { ...getContentProps(), className: getContentProps().className };
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ...iconProps, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon_default, { name: "exclamation-circle", fill: true, size: originalProps.size }) });
     } else {
@@ -4811,8 +4818,8 @@ var Input = (0, import_react5.forwardRef)((originalProps, ref) => {
               ]
             }
           ),
-          helperText && !errorText && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: slots.helperText({ class: classNames == null ? void 0 : classNames.helperText }), children: helperText }),
-          errorText && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: clsx("error", slots.errorText({ class: classNames == null ? void 0 : classNames.errorText })), children: errorText })
+          helperMessage && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: slots.helperMessage({ class: classNames == null ? void 0 : classNames.helperMessage }), children: helperMessage }),
+          errorMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: clsx("error", slots.errorMessage({ class: classNames == null ? void 0 : classNames.errorMessage })), children: errorMessage })
         ] })
       ]
     }
@@ -4852,8 +4859,8 @@ var inputStyle = tv(
         "group-has-[:hover]/input:text-neutral-dark",
         "group-has-[p.error]/input:text-danger-main"
       ],
-      helperText: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
-      errorText: ["text-danger-main"],
+      helperMessage: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
+      errorMessage: ["text-danger-main"],
       readonly: ["pointer-events-none", "!text-body-foreground"]
     },
     variants: {
@@ -4888,7 +4895,7 @@ var inputStyle = tv(
             "group-has-[:focus]/input:text-primary-main",
             "!group-has-[p.error]:not(input:focus):hover/input:text-primary-main"
           ],
-          helperText: [
+          helperMessage: [
             "group-has-[:focus]/input:text-primary-main",
             "group-has-[:focus:hover]/input:text-primary-main",
             "group-has-[:focus]/input:hover:text-primary-main"
@@ -4899,7 +4906,7 @@ var inputStyle = tv(
             "group-has-[:focus]/input:text-secondary-main",
             "!group-has-[p.error]:not(input:focus):hover/input:text-secondary-main"
           ],
-          helperText: [
+          helperMessage: [
             "group-has-[:focus]/input:text-secondary-main",
             "group-has-[:focus:hover]/input:text-secondary-main",
             "group-has-[:focus]/input:hover:text-secondary-main"
@@ -4912,32 +4919,32 @@ var inputStyle = tv(
           label: ["text-sm"],
           innerWrapper: ["gap-[4px]"],
           inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]", "gap-[4px]"],
-          helperText: ["text-sm"],
-          errorText: ["text-sm"]
+          helperMessage: ["text-sm"],
+          errorMessage: ["text-sm"]
         },
         md: {
           base: ["text-md", "gap-[6px]"],
           label: ["text-md"],
           innerWrapper: ["gap-[6px]"],
           inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]", "gap-[6px]"],
-          helperText: ["text-sm"],
-          errorText: ["text-sm"]
+          helperMessage: ["text-sm"],
+          errorMessage: ["text-sm"]
         },
         lg: {
           base: ["text-lg", "gap-[8px]"],
           label: ["text-lg"],
           innerWrapper: ["gap-[8px]"],
           inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]", "gap-[8px]"],
-          helperText: ["text-md"],
-          errorText: ["text-md"]
+          helperMessage: ["text-md"],
+          errorMessage: ["text-md"]
         },
         xl: {
           base: ["text-xl", "gap-[10px]"],
           label: ["text-xl"],
           innerWrapper: ["gap-[10px]"],
           inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]", "gap-[10px]"],
-          helperText: ["text-md"],
-          errorText: ["text-md"]
+          helperMessage: ["text-md"],
+          errorMessage: ["text-md"]
         }
       },
       direction: {
@@ -4961,8 +4968,8 @@ var inputStyle = tv(
             "group-has-[p.error]/input:placeholder:text-danger-light"
           ],
           content: ["text-neutral-light", "group-has-[p.error]/input:text-danger-light"],
-          helperText: ["!text-neutral-light"],
-          errorText: ["!text-danger-light"]
+          helperMessage: ["!text-neutral-light"],
+          errorMessage: ["!text-danger-light"]
         }
       }
     },
@@ -5644,41 +5651,27 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
   }
 });
 
-// src/components/table/form-table.tsx
+// src/components/table/definition-table.tsx
 var import_react8 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var DEFAULT_COLUMN_CLASSES = [
   "w-[120px] px-[10px] py-[9.5px] font-bold text-md text-body-foreground border-r border-neutral-light",
   "px-[10px] py-[9.5px]"
 ];
-var FormTableRow = ({ columns, columnClasses = [] }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tr", { className: "border-neutral-light min-h-[50px] border-b", children: columns.map((col, index) => {
+var DefinitionTableRow = ({ columns, columnClasses = [] }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tr", { className: "border-neutral-light min-h-[50px] border-b", children: columns.map((col, index) => {
   var _a;
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { className: (_a = columnClasses[index]) != null ? _a : DEFAULT_COLUMN_CLASSES[index], children: col }, index);
 }) });
-var FormTable = (0, import_react8.forwardRef)(
-  ({ rows, onSubmit, footer, classNames }, ref) => {
-    const slots = (0, import_react8.useMemo)(() => formTableStyle(), []);
-    const content = /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tbody", { children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormTableRow, { ...row }, i)) }) }),
-      footer && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: footer })
-    ] });
-    if (onSubmit) {
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        "form",
-        {
-          ref,
-          onSubmit,
-          className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
-          children: content
-        }
-      );
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: content });
-  }
-);
-FormTable.displayName = "FormTable";
-var form_table_default = FormTable;
-var formTableStyle = tv({
+var DefinitionTable = (0, import_react8.forwardRef)(({ rows, footer, classNames }, ref) => {
+  const slots = (0, import_react8.useMemo)(() => DefinitionTableStyle(), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tbody", { children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DefinitionTableRow, { ...row }, i)) }) }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: footer })
+  ] });
+});
+DefinitionTable.displayName = "DefinitionTable";
+var definition_table_default = DefinitionTable;
+var DefinitionTableStyle = tv({
   slots: {
     base: ["flex", "flex-col", "gap-[30px]"],
     table: ["w-full", "table-fixed", "border", "border-neutral-light"]
@@ -5686,6 +5679,6 @@ var formTableStyle = tv({
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  FormTable,
+  DefinitionTable,
   Table
 });