@deepnoid/ui 1.0.21 → 1.0.23

package/dist/components/starRating/starRating.mjs

@@ -2,11 +2,11 @@
 import {
   starRatingStyle,
   starRating_default
-} from "../../chunk-D7DDV4UN.mjs";
-import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-AOU4QX7H.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-B2LJEDXL.mjs";
+import "../../chunk-M5PMA3CT.mjs";
+import "../../chunk-C7OETP3D.mjs";
+import "../../chunk-QOOYAQJ5.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 import "../../chunk-UP6RPQDX.mjs";
 export {
   starRating_default as default,

package/dist/components/switch/index.js

@@ -37,16 +37,14 @@ var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
   const picked = variantKeys.reduce((acc, key) => {
     if (key in props) {
       return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
     }
+    return acc;
   }, {});
   if (removeVariantProps) {
     const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
     return [omitted, picked];
-  } else {
-    return [props, picked];
   }
+  return [props, picked];
 };
 
 // src/components/switch/switch.tsx
@@ -63,13 +61,13 @@ var Switch = (0, import_react.forwardRef)((originalProps, ref) => {
       "input",
       {
         ...inputProps,
+        checked,
+        className: "hidden",
+        disabled,
         id,
+        onChange,
         ref,
-        type: "checkbox",
-        disabled,
-        className: "hidden",
-        checked,
-        onChange
+        type: "checkbox"
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.thumb({ class: classNames == null ? void 0 : classNames.thumb }) }) })

package/dist/components/switch/index.mjs

@@ -2,8 +2,8 @@
 import "../../chunk-LVFI2NOH.mjs";
 import {
   switch_default
-} from "../../chunk-CBIV6KFQ.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-IF6XCBGN.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 export {
   switch_default as Switch
 };

package/dist/components/switch/switch.js

@@ -35,16 +35,14 @@ var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
   const picked = variantKeys.reduce((acc, key) => {
     if (key in props) {
       return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
     }
+    return acc;
   }, {});
   if (removeVariantProps) {
     const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
     return [omitted, picked];
-  } else {
-    return [props, picked];
   }
+  return [props, picked];
 };
 
 // src/components/switch/switch.tsx
@@ -61,13 +59,13 @@ var Switch = (0, import_react.forwardRef)((originalProps, ref) => {
       "input",
       {
         ...inputProps,
+        checked,
+        className: "hidden",
+        disabled,
         id,
+        onChange,
         ref,
-        type: "checkbox",
-        disabled,
-        className: "hidden",
-        checked,
-        onChange
+        type: "checkbox"
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.thumb({ class: classNames == null ? void 0 : classNames.thumb }) }) })

package/dist/components/switch/switch.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   switch_default
-} from "../../chunk-CBIV6KFQ.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-IF6XCBGN.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 export {
   switch_default as default
 };

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

@@ -4,20 +4,21 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
-type DefinitionTableRowCell = {
+interface DefinitionTableRowCell {
     key?: string;
     content: ReactNode;
     className?: string;
     colSpan?: number;
     rowSpan?: number;
     width?: string;
-};
-type DefinitionTableRow = {
+}
+interface DefinitionTableRow {
     cells: DefinitionTableRowCell[];
     className?: string;
-};
+}
 interface DefinitionTableProps {
     rows: DefinitionTableRow[];
+    header?: ReactNode;
     footer?: ReactNode;
     highlightColumnKey?: string;
     classNames?: SlotsToClasses<DefinitionTableSlots>;
@@ -28,6 +29,7 @@ declare const DefinitionTableStyle: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
             base?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
             table?: tailwind_merge.ClassNameValue;
         };
     };
@@ -35,25 +37,30 @@ declare const DefinitionTableStyle: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
             base?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
             table?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
     base: string[];
     table: string[];
+    header: string[];
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
             base?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
             table?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
     base: string[];
     table: string[];
+    header: string[];
 }, tailwind_variants.TVReturnType<unknown, {
     base: string[];
     table: string[];
+    header: string[];
 }, undefined, unknown, unknown, undefined>>;
 type DefinitionTableSlots = keyof ReturnType<typeof DefinitionTableStyle>;
 

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

@@ -4,20 +4,21 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
-type DefinitionTableRowCell = {
+interface DefinitionTableRowCell {
     key?: string;
     content: ReactNode;
     className?: string;
     colSpan?: number;
     rowSpan?: number;
     width?: string;
-};
-type DefinitionTableRow = {
+}
+interface DefinitionTableRow {
     cells: DefinitionTableRowCell[];
     className?: string;
-};
+}
 interface DefinitionTableProps {
     rows: DefinitionTableRow[];
+    header?: ReactNode;
     footer?: ReactNode;
     highlightColumnKey?: string;
     classNames?: SlotsToClasses<DefinitionTableSlots>;
@@ -28,6 +29,7 @@ declare const DefinitionTableStyle: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
             base?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
             table?: tailwind_merge.ClassNameValue;
         };
     };
@@ -35,25 +37,30 @@ declare const DefinitionTableStyle: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
             base?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
             table?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
     base: string[];
     table: string[];
+    header: string[];
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
             base?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
             table?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
     base: string[];
     table: string[];
+    header: string[];
 }, tailwind_variants.TVReturnType<unknown, {
     base: string[];
     table: string[];
+    header: string[];
 }, undefined, unknown, unknown, undefined>>;
 type DefinitionTableSlots = keyof ReturnType<typeof DefinitionTableStyle>;
 

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

@@ -69,7 +69,7 @@ var tv = (0, import_tailwind_variants.createTV)({
 
 // src/utils/clsx.ts
 function clsx(...args) {
-  var i = 0, tmp, x, str = "";
+  let i = 0, tmp, x, str = "";
   while (i < args.length) {
     if (tmp = args[i++]) {
       if (x = toVal(tmp)) {
@@ -81,12 +81,12 @@ function clsx(...args) {
   return str;
 }
 function toVal(mix) {
-  var k, y, str = "";
+  let k, y, str = "";
   if (typeof mix === "string" || typeof mix === "number") {
     str += mix;
   } else if (typeof mix === "object") {
     if (Array.isArray(mix)) {
-      var len = mix.length;
+      const len = mix.length;
       for (k = 0; k < len; k++) {
         if (mix[k]) {
           if (y = toVal(mix[k])) {
@@ -111,16 +111,20 @@ function toVal(mix) {
 var import_jsx_runtime = require("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) => {
+var getMaxColCount = (rows) => {
   let maxCols = 0;
-  const colWidths = [];
   rows.forEach((row) => {
-    let currentColCount = 0;
+    let count = 0;
     row.cells.forEach((cell) => {
-      currentColCount += cell.colSpan || 1;
+      count += cell.colSpan || 1;
     });
-    maxCols = Math.max(maxCols, currentColCount);
+    maxCols = Math.max(maxCols, count);
   });
+  return maxCols;
+};
+var renderColGroup = (rows) => {
+  const maxCols = getMaxColCount(rows);
+  const colWidths = [];
   colWidths[0] = "120px";
   rows.forEach((row) => {
     let colIndex = 0;
@@ -150,79 +154,90 @@ var getHighlightColumnIndex = (rows, key) => {
   }
   return null;
 };
-var DefinitionTableRow = ({
+function DefinitionTableRow({
   cells,
   className,
   rowIndex = 0,
   rowCount = 0,
   highlightColumnIndex
-}) => /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
-    "td",
-    {
-      className: combinedClassName,
-      colSpan: cell.colSpan,
-      rowSpan: cell.rowSpan,
-      style: { ...cellStyle, height: "50px" },
-      children: cell.content
-    },
-    colIndex
-  );
-}) });
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+      "td",
+      {
+        className: combinedClassName,
+        colSpan: cell.colSpan,
+        rowSpan: cell.rowSpan,
+        style: { ...cellStyle, height: "50px" },
+        children: cell.content
+      },
+      colIndex
+    );
+  }) });
+}
 var DefinitionTable = (0, import_react.forwardRef)(
-  ({ rows = [], footer, highlightColumnKey, classNames }, ref) => {
+  ({ rows = [], header, footer, highlightColumnKey, classNames }, ref) => {
     const slots = (0, import_react.useMemo)(() => DefinitionTableStyle(), []);
     const highlightColumnIndex = (0, import_react.useMemo)(
       () => getHighlightColumnIndex(rows, highlightColumnKey),
       [rows, highlightColumnKey]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: clsx(slots.base(), classNames == null ? void 0 : classNames.base), children: [
+    const maxColCount = (0, import_react.useMemo)(() => getMaxColCount(rows), [rows]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: clsx(slots.base(), classNames == null ? void 0 : classNames.base), ref, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { className: clsx(slots.table(), classNames == null ? void 0 : classNames.table), children: [
         renderColGroup(rows),
+        header != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "th",
+          {
+            className: clsx(slots.header(), classNames == null ? void 0 : classNames.header),
+            colSpan: maxColCount,
+            children: header
+          }
+        ) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           DefinitionTableRow,
           {
             ...row,
-            rowIndex: i,
-            rowCount: rows.length,
+            className: row.className,
             highlightColumnIndex,
-            className: row.className
+            rowCount: rows.length,
+            rowIndex: i
           },
           i
         )) })
       ] }),
-      footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: footer })
+      footer ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: footer }) : null
     ] });
   }
 );
@@ -231,6 +246,20 @@ var definition_table_default = DefinitionTable;
 var DefinitionTableStyle = tv({
   slots: {
     base: ["flex", "flex-col", "gap-[30px]"],
-    table: ["w-full", "table-auto", "border", "border-neutral-light"]
+    table: ["w-full", "table-auto", "border", "border-neutral-light"],
+    header: [
+      "text-body-foreground",
+      "font-bold",
+      "text-center",
+      "align-middle",
+      "whitespace-nowrap",
+      "bg-neutral-soft",
+      "px-[10px]",
+      "py-[8px]",
+      "text-md",
+      "border-b",
+      "border-neutral-light",
+      "h-[50px]"
+    ]
   }
 });

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

@@ -1,8 +1,8 @@
 "use client";
 import {
   definition_table_default
-} from "../../chunk-HXBZB7CW.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+} from "../../chunk-PPTFOHMW.mjs";
+import "../../chunk-KJFYLLMP.mjs";
 import "../../chunk-UP6RPQDX.mjs";
 export {
   definition_table_default as default

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

@@ -4,10 +4,10 @@ import * as react from 'react';
 import { ReactNode, FormEvent } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
-type TableRow = {
+interface TableRow {
     columns: ReactNode[];
     columnClasses?: string[];
-};
+}
 interface FormTableProps {
     rows: TableRow[];
     onSubmit?: (e: FormEvent<HTMLFormElement>) => void;

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

@@ -4,10 +4,10 @@ import * as react from 'react';
 import { ReactNode, FormEvent } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
-type TableRow = {
+interface TableRow {
     columns: ReactNode[];
     columnClasses?: string[];
-};
+}
 interface FormTableProps {
     rows: TableRow[];
     onSubmit?: (e: FormEvent<HTMLFormElement>) => void;

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

@@ -73,29 +73,31 @@ 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_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);
-}) });
+function FormTableRow({ columns, columnClasses = [] }) {
+  return /* @__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 FormTable = (0, import_react.forwardRef)(
   ({ rows, onSubmit, footer, classNames }, ref) => {
     const slots = (0, import_react.useMemo)(() => formTableStyle(), []);
     const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { 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)(FormTableRow, { ...row }, i)) }) }),
-      footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: footer })
+      footer ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: footer }) : null
     ] });
     if (onSubmit) {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "form",
         {
-          ref,
-          onSubmit,
           className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
+          onSubmit,
+          ref,
           children: content
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), ref, children: content });
   }
 );
 FormTable.displayName = "FormTable";

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

@@ -10,29 +10,31 @@ 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);
-}) });
+function FormTableRow({ columns, columnClasses = [] }) {
+  return /* @__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 })
+      footer ? /* @__PURE__ */ jsx("div", { children: footer }) : null
     ] });
     if (onSubmit) {
       return /* @__PURE__ */ jsx(
         "form",
         {
-          ref,
-          onSubmit,
           className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
+          onSubmit,
+          ref,
           children: content
         }
       );
     }
-    return /* @__PURE__ */ jsx("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: content });
+    return /* @__PURE__ */ jsx("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), ref, children: content });
   }
 );
 FormTable.displayName = "FormTable";