@deepnoid/ui 0.1.26 → 0.1.28

package/dist/components/select/select.js

@@ -863,22 +863,61 @@ var template = {
       }
     );
   },
-  // ----------------------------------- old ---------------------------------
-  // ** Status **
-  plus: ({ className, fill }) => {
+  plus: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4.5 9H13.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 13.5V4.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
+        ]
+      }
+    );
+  },
+  minus: ({ className }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
       {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
         fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4.5 9H13.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
+      }
+    );
+  },
+  pencil: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
         xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
         className,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 4.5V19.5M19.5 12H4.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M12.6465 3.36525L13.9117 2.09925C14.1755 1.83549 14.5332 1.68732 14.9062 1.68732C15.2793 1.68732 15.637 1.83549 15.9008 2.09925C16.1645 2.36301 16.3127 2.72074 16.3127 3.09375C16.3127 3.46676 16.1645 3.82449 15.9008 4.08825L7.9365 12.0525C7.53999 12.4488 7.05102 12.74 6.51375 12.9L4.5 13.5L5.1 11.4863C5.25996 10.949 5.55123 10.46 5.9475 10.0635L12.6465 3.36525ZM12.6465 3.36525L14.625 5.34375M13.5 10.5V14.0625C13.5 14.5101 13.3222 14.9393 13.0057 15.2557C12.6893 15.5722 12.2601 15.75 11.8125 15.75H3.9375C3.48995 15.75 3.06072 15.5722 2.74426 15.2557C2.42779 14.9393 2.25 14.5101 2.25 14.0625V6.1875C2.25 5.73995 2.42779 5.31073 2.74426 4.99426C3.06072 4.67779 3.48995 4.5 3.9375 4.5H7.5",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
       }
     );
   },
+  // ----------------------------------- old ---------------------------------
+  // ** Status **
   check: ({ className, fill }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
@@ -2525,34 +2564,6 @@ var template = {
       }
     );
   },
-  pencil: ({ className, fill }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: fill ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M21.7313 2.26918C21.239 1.77699 20.5714 1.50049 19.8753 1.50049C19.1791 1.50049 18.5115 1.77699 18.0193 2.26918L16.8623 3.42618L20.5743 7.13818L21.7313 5.98118C22.2234 5.48891 22.4999 4.8213 22.4999 4.12518C22.4999 3.42906 22.2234 2.76145 21.7313 2.26918ZM19.5133 8.19918L15.8013 4.48718L3.65125 16.6372C3.03411 17.254 2.58043 18.015 2.33125 18.8512L1.53125 21.5362C1.49263 21.6657 1.48975 21.8033 1.52292 21.9344C1.55608 22.0655 1.62407 22.1852 1.71967 22.2808C1.81527 22.3764 1.93494 22.4443 2.06601 22.4775C2.19709 22.5107 2.33469 22.5078 2.46425 22.4692L5.14925 21.6692C5.98548 21.42 6.74642 20.9663 7.36325 20.3492L19.5133 8.19918Z",
-            fill: "currentColor"
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M16.862 4.487L18.549 2.799C18.9007 2.44733 19.3777 2.24976 19.875 2.24976C20.3723 2.24976 20.8493 2.44733 21.201 2.799C21.5527 3.15068 21.7502 3.62766 21.7502 4.125C21.7502 4.62235 21.5527 5.09933 21.201 5.451L6.832 19.82C6.30332 20.3484 5.65137 20.7367 4.935 20.95L2.25 21.75L3.05 19.065C3.26328 18.3486 3.65163 17.6967 4.18 17.168L16.863 4.487H16.862ZM16.862 4.487L19.5 7.125",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  },
   "pencil-square": ({ className, fill }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
@@ -4363,8 +4374,8 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
   const {
     label,
     options,
-    helperText,
-    errorText,
+    helperMessage,
+    errorMessage,
     classNames,
     defaultSelectedOptions = [],
     onChange,
@@ -4492,8 +4503,8 @@ var Select = (0, import_react.forwardRef)((originalProps, ref) => {
                 ]
               }
             ),
-            helperText && !errorText && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: slots.helperText({ class: classNames == null ? void 0 : classNames.helperText }), children: helperText }),
-            errorText && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: clsx("error", slots.errorText({ class: classNames == null ? void 0 : classNames.errorText })), children: errorText })
+            helperMessage && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: slots.helperMessage({ class: classNames == null ? void 0 : classNames.helperMessage }), children: helperMessage }),
+            errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: clsx("error", slots.errorMessage({ class: classNames == null ? void 0 : classNames.errorMessage })), children: errorMessage })
           ] })
         ]
       }
@@ -4565,8 +4576,8 @@ var select = tv({
     ],
     optionsWrapper: ["border", "rounded", "bg-white", "shadow", "overflow-auto"],
     option: ["flex", "justify-between", "items-center", "cursor-pointer"],
-    helperText: ["text-neutral-main"],
-    errorText: ["text-danger-main"],
+    helperMessage: ["text-neutral-main"],
+    errorMessage: ["text-danger-main"],
     readonly: ["pointer-events-none", "!bg-trans-soft"]
   },
   variants: {
@@ -4589,8 +4600,8 @@ var select = tv({
         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"]
+        helperMessage: ["text-sm"],
+        errorMessage: ["text-sm"]
       },
       md: {
         base: ["text-md", "gap-[6px]", "rounded-md"],
@@ -4599,8 +4610,8 @@ var select = tv({
         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"]
+        helperMessage: ["text-sm"],
+        errorMessage: ["text-sm"]
       },
       lg: {
         base: ["text-lg", "gap-[8px]"],
@@ -4609,8 +4620,8 @@ var select = tv({
         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"]
+        helperMessage: ["text-md"],
+        errorMessage: ["text-md"]
       },
       xl: {
         base: ["text-xl", "gap-[10px]"],
@@ -4619,8 +4630,8 @@ var select = tv({
         selectWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]"],
         select: ["text-xl"],
         option: ["px-[10px]", "py-[11.5px]"],
-        helperText: ["text-md"],
-        errorText: ["text-md"]
+        helperMessage: ["text-md"],
+        errorMessage: ["text-md"]
       }
     },
     direction: {
@@ -4650,8 +4661,8 @@ var select = tv({
           "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"]
+        helperMessage: ["!text-neutral-light"],
+        errorMessage: ["!text-danger-light"]
       }
     },
     isSelected: {

package/dist/components/select/select.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   select_default
-} from "../../chunk-MSAULFDB.mjs";
+} from "../../chunk-272FMLIL.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-3IU2RPSM.mjs";
+import "../../chunk-2TKEWFGH.mjs";
+import "../../chunk-2SDYFOZL.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";

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

@@ -0,0 +1,51 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { SlotsToClasses } from '../../utils/types.mjs';
+
+type TableRow = {
+    columns: ReactNode[];
+    columnClasses?: string[];
+};
+interface DefinitionTableProps {
+    rows: TableRow[];
+    footer?: ReactNode;
+    classNames?: SlotsToClasses<DefinitionTableSlots>;
+}
+declare const DefinitionTable: react.ForwardRefExoticComponent<DefinitionTableProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const DefinitionTableStyle: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            table?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            table?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    table: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            table?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    table: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string[];
+    table: string[];
+}, undefined, unknown, unknown, undefined>>;
+type DefinitionTableSlots = keyof ReturnType<typeof DefinitionTableStyle>;
+
+export { DefinitionTable as default };

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

@@ -0,0 +1,51 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { SlotsToClasses } from '../../utils/types.js';
+
+type TableRow = {
+    columns: ReactNode[];
+    columnClasses?: string[];
+};
+interface DefinitionTableProps {
+    rows: TableRow[];
+    footer?: ReactNode;
+    classNames?: SlotsToClasses<DefinitionTableSlots>;
+}
+declare const DefinitionTable: react.ForwardRefExoticComponent<DefinitionTableProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const DefinitionTableStyle: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            table?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            table?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    table: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            table?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    table: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string[];
+    table: string[];
+}, undefined, unknown, unknown, undefined>>;
+type DefinitionTableSlots = keyof ReturnType<typeof DefinitionTableStyle>;
+
+export { DefinitionTable as default };

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]: {