@itilite/lumina-ui 0.0.323 → 1.0.0-alpha

package/dist/chunk-SJBS5QCJ.mjs

@@ -0,0 +1,225 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-HWQBE6PT.mjs";
+
+// src/atom/Table/Table.tsx
+import * as React from "react";
+import { Table as AntTable } from "antd";
+import clsx from "clsx";
+
+// src/atom/Table/Table.module.scss
+var Table_module_default = { "tableWrapper": "Table-module__tableWrapper___3cqiD", "childVariant": "Table-module__childVariant___z8tqO", "table": "Table-module__table___5d7g0", "showHoverEffect": "Table-module__showHoverEffect___IyKyO", "columnHeader": "Table-module__columnHeader___Unr6d", "columnHeaderSortArea": "Table-module__columnHeaderSortArea___jrIYo", "columnHeaderLabel": "Table-module__columnHeaderLabel___A-mRu", "columnHeaderSortIcon": "Table-module__columnHeaderSortIcon___mWVZN", "columnHeaderSortIconActive": "Table-module__columnHeaderSortIconActive___wHAqC", "columnHeaderFilterWrapper": "Table-module__columnHeaderFilterWrapper___DnSve", "columnHeaderFilterBtn": "Table-module__columnHeaderFilterBtn___NR7DY", "columnHeaderFilterBtnActive": "Table-module__columnHeaderFilterBtnActive___JdO11", "columnHeaderFilterBadge": "Table-module__columnHeaderFilterBadge___-Q2T2", "columnHeaderFilterDropdown": "Table-module__columnHeaderFilterDropdown___M-fD4" };
+
+// src/atom/Table/Table.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function buildPagination(pagination) {
+  if (pagination === false || pagination === void 0) {
+    return false;
+  }
+  const defaults = {
+    showSizeChanger: true,
+    pageSizeOptions: [10, 25, 50],
+    showTotal: (total, range) => `${range[0]}\u2013${range[1]} of ${total} items`
+  };
+  if (pagination === true) {
+    return defaults;
+  }
+  return __spreadValues(__spreadValues({}, defaults), pagination);
+}
+function SortBothIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M3.5 7.5L6 10L8.5 7.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M3.5 4.5L6 2L8.5 4.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function SortAscIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M3.5 7.5L6 2L8.5 7.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function SortDescIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M3.5 4.5L6 10L8.5 4.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function FilterIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "13", height: "11", viewBox: "0 0 13 11", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M1 1H12", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M2.5 4.5H10.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M4.5 8H8.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
+  ] });
+}
+function nextSortOrder(current) {
+  if (current === void 0) return "ascend";
+  if (current === "ascend") return "descend";
+  return void 0;
+}
+function ColumnHeader({
+  label,
+  sortable = false,
+  sortOrder,
+  onSortChange,
+  sortIcon,
+  filterCount = 0,
+  filterIcon,
+  filterContent
+}) {
+  const [filterOpen, setFilterOpen] = React.useState(false);
+  const wrapperRef = React.useRef(null);
+  const filterActive = filterCount > 0;
+  const hasFilter = filterContent !== void 0;
+  React.useEffect(() => {
+    if (!filterOpen) return;
+    const onOutside = (e) => {
+      if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
+        setFilterOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", onOutside);
+    return () => document.removeEventListener("mousedown", onOutside);
+  }, [filterOpen]);
+  return /* @__PURE__ */ jsxs("div", { className: Table_module_default.columnHeader, ref: wrapperRef, children: [
+    sortable ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: Table_module_default.columnHeaderSortArea,
+        onClick: () => onSortChange == null ? void 0 : onSortChange(nextSortOrder(sortOrder)),
+        "aria-label": typeof label === "string" ? `Sort by ${label}` : "Sort",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: Table_module_default.columnHeaderLabel, children: label }),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: clsx(Table_module_default.columnHeaderSortIcon, {
+                [Table_module_default.columnHeaderSortIconActive]: sortOrder !== void 0
+              }),
+              children: [
+                sortOrder === "ascend" && /* @__PURE__ */ jsx(SortAscIcon, {}),
+                sortOrder === "descend" && /* @__PURE__ */ jsx(SortDescIcon, {}),
+                sortOrder === void 0 && /* @__PURE__ */ jsx(SortBothIcon, {})
+              ]
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("span", { className: Table_module_default.columnHeaderLabel, children: label }),
+    hasFilter && /* @__PURE__ */ jsxs("div", { className: Table_module_default.columnHeaderFilterWrapper, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: clsx(Table_module_default.columnHeaderFilterBtn, {
+            [Table_module_default.columnHeaderFilterBtnActive]: filterActive
+          }),
+          onClick: () => setFilterOpen((v) => !v),
+          "aria-label": typeof label === "string" ? `Filter ${label}` : "Filter",
+          "aria-expanded": filterOpen,
+          "aria-haspopup": "dialog",
+          children: [
+            /* @__PURE__ */ jsx(FilterIcon, {}),
+            filterActive && /* @__PURE__ */ jsx("span", { className: Table_module_default.columnHeaderFilterBadge, children: filterCount })
+          ]
+        }
+      ),
+      filterOpen && /* @__PURE__ */ jsx("div", { className: Table_module_default.columnHeaderFilterDropdown, role: "dialog", children: filterContent })
+    ] })
+  ] });
+}
+function processColumns(columns) {
+  if (!columns) return void 0;
+  return columns.map((col) => {
+    const _a = col, { headerProps, title } = _a, rest = __objRest(_a, ["headerProps", "title"]);
+    if (!headerProps) return __spreadValues({ title }, rest);
+    return __spreadProps(__spreadValues({}, rest), {
+      title: /* @__PURE__ */ jsx(ColumnHeader, __spreadValues({ label: title }, headerProps))
+    });
+  });
+}
+function Table(props) {
+  const _a = props, {
+    size = "middle",
+    variant = "default",
+    className = "",
+    analytics: _analytics,
+    pagination,
+    columns,
+    rowSelection,
+    rowKey = "key",
+    onRow,
+    dataSource
+  } = _a, rest = __objRest(_a, [
+    "size",
+    "variant",
+    "className",
+    "analytics",
+    "pagination",
+    "columns",
+    "rowSelection",
+    "rowKey",
+    "onRow",
+    "dataSource"
+  ]);
+  const isChildVariant = variant === "accordion-child" || variant === "toolbar-child";
+  const resolvedPagination = buildPagination(pagination);
+  const processedColumns = React.useMemo(
+    () => processColumns(columns),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [columns]
+  );
+  const resolvedOnRow = React.useMemo(() => {
+    const onChange = rowSelection == null ? void 0 : rowSelection.onChange;
+    if (variant !== "selectable" || !onChange) return onRow;
+    return (record, index) => {
+      var _a2;
+      const base = (_a2 = onRow == null ? void 0 : onRow(record, index)) != null ? _a2 : {};
+      const getKey = (r, i) => typeof rowKey === "function" ? rowKey(r, i) : r[rowKey];
+      return __spreadProps(__spreadValues({}, base), {
+        style: __spreadValues({ cursor: "pointer" }, base.style),
+        onClick: (e) => {
+          var _a3, _b;
+          (_a3 = base.onClick) == null ? void 0 : _a3.call(base, e);
+          const key = getKey(record, index);
+          const current = (_b = rowSelection.selectedRowKeys) != null ? _b : [];
+          const isSelected = current.some((k) => k === key);
+          const newKeys = isSelected ? current.filter((k) => k !== key) : [...current, key];
+          const newRows = (dataSource != null ? dataSource : []).filter(
+            (r) => newKeys.some((k) => k === getKey(r))
+          );
+          onChange(newKeys, newRows, { type: "single" });
+        }
+      });
+    };
+  }, [variant, rowSelection, rowKey, onRow, dataSource]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(
+        Table_module_default.tableWrapper,
+        { [Table_module_default.childVariant]: isChildVariant },
+        { [Table_module_default.showHoverEffect]: variant === "hover" || variant === "selectable" },
+        `variant_${variant}`,
+        className
+      ),
+      "data-testid": "lumina-table",
+      children: /* @__PURE__ */ jsx(
+        AntTable,
+        __spreadValues({
+          className: Table_module_default.table,
+          size,
+          pagination: resolvedPagination,
+          columns: processedColumns,
+          rowSelection,
+          rowKey,
+          onRow: resolvedOnRow,
+          dataSource
+        }, rest)
+      )
+    }
+  );
+}
+Table.displayName = "Table";
+var Table_default = Table;
+
+export {
+  Table,
+  Table_default
+};

package/dist/chunk-SWRFCTJW.mjs

@@ -0,0 +1,77 @@
+// src/atom/Button/Button.tsx
+import { Button as AntButton } from "antd";
+import clsx from "clsx";
+
+// src/atom/Button/Button.module.scss
+var Button_module_default = { "button": "Button-module__button___cLCyl", "size_large": "Button-module__size_large___S-mbU", "shape_circle": "Button-module__shape_circle___sPUS5", "size_normal": "Button-module__size_normal___qJUMj", "size_small": "Button-module__size_small___IUeei", "type_primary": "Button-module__type_primary___Tauz-", "variant_subtle": "Button-module__variant_subtle___BMbbd", "variant_text": "Button-module__variant_text___Pc5Ia", "variant_link": "Button-module__variant_link___Cj1O9", "type_secondary": "Button-module__type_secondary___CLmrA", "type_critical": "Button-module__type_critical___6ILOp", "onHoverUnderline": "Button-module__onHoverUnderline___LOfXo" };
+
+// src/atom/Button/Button.tsx
+import { jsx } from "react/jsx-runtime";
+function Button(props) {
+  const {
+    // type = "primary",
+    variant = "default",
+    size = "normal",
+    shape = "default",
+    className = "",
+    icon = null,
+    children,
+    onClick,
+    href = "",
+    disabled = false,
+    loading = false,
+    onHoverUnderline = false
+  } = props;
+  const buttonMap = {
+    default: "primary",
+    subtle: "default",
+    text: "text",
+    link: "link"
+  };
+  const sizeMap = {
+    small: "small",
+    normal: "middle",
+    // Map "default" to "middle"
+    large: "large"
+  };
+  return /* @__PURE__ */ jsx(
+    AntButton,
+    {
+      className: clsx(
+        Button_module_default.button,
+        Button_module_default[`size_${size}`],
+        Button_module_default[`variant_${variant}`],
+        Button_module_default[`shape_${shape}`],
+        Button_module_default[`type_${type}`],
+        `size_${size}`,
+        `variant_${variant}`,
+        `shape_${shape}`,
+        // `type_${type}`,
+        className,
+        {
+          "tw-cursor-not-allowed": disabled,
+          "tw-opacity-40": disabled
+        },
+        disabled && Button_module_default.disabled,
+        onHoverUnderline && Button_module_default.onHoverUnderline
+      ),
+      "data-testid": "lumina-button",
+      disabled,
+      href: href || void 0,
+      icon,
+      loading,
+      onClick,
+      shape,
+      size: sizeMap[size],
+      type: buttonMap[variant],
+      children
+    }
+  );
+}
+Button.displayName = "Button";
+var Button_default = Button;
+
+export {
+  Button,
+  Button_default
+};

package/dist/chunk-T4XNCAIB.mjs

@@ -0,0 +1,231 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-HWQBE6PT.mjs";
+
+// src/atom/Table/Table.tsx
+import * as React from "react";
+import { Table as AntTable } from "antd";
+import clsx from "clsx";
+
+// src/atom/Table/Table.module.scss
+var Table_module_default = { "tableWrapper": "Table-module__tableWrapper___3cqiD", "childVariant": "Table-module__childVariant___z8tqO", "table": "Table-module__table___5d7g0", "firstRow": "Table-module__firstRow___Xq-Hi", "lastRow": "Table-module__lastRow___ahv4g", "showHoverEffect": "Table-module__showHoverEffect___IyKyO", "columnHeader": "Table-module__columnHeader___Unr6d", "columnHeaderSortArea": "Table-module__columnHeaderSortArea___jrIYo", "columnHeaderLabel": "Table-module__columnHeaderLabel___A-mRu", "columnHeaderSortIcon": "Table-module__columnHeaderSortIcon___mWVZN", "columnHeaderSortIconActive": "Table-module__columnHeaderSortIconActive___wHAqC", "columnHeaderFilterWrapper": "Table-module__columnHeaderFilterWrapper___DnSve", "columnHeaderFilterBtn": "Table-module__columnHeaderFilterBtn___NR7DY", "columnHeaderFilterBtnActive": "Table-module__columnHeaderFilterBtnActive___JdO11", "columnHeaderFilterBadge": "Table-module__columnHeaderFilterBadge___-Q2T2", "columnHeaderFilterDropdown": "Table-module__columnHeaderFilterDropdown___M-fD4" };
+
+// src/atom/Table/Table.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function buildPagination(pagination) {
+  if (pagination === false || pagination === void 0) {
+    return false;
+  }
+  const defaults = {
+    showSizeChanger: true,
+    pageSizeOptions: [10, 25, 50],
+    showTotal: (total, range) => `${range[0]}\u2013${range[1]} of ${total} items`
+  };
+  if (pagination === true) {
+    return defaults;
+  }
+  return __spreadValues(__spreadValues({}, defaults), pagination);
+}
+function SortBothIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M3.5 7.5L6 10L8.5 7.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M3.5 4.5L6 2L8.5 4.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function SortAscIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M3.5 7.5L6 2L8.5 7.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function SortDescIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M3.5 4.5L6 10L8.5 4.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function FilterIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "13", height: "11", viewBox: "0 0 13 11", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M1 1H12", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M2.5 4.5H10.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M4.5 8H8.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
+  ] });
+}
+function nextSortOrder(current) {
+  if (current === void 0) return "ascend";
+  if (current === "ascend") return "descend";
+  return void 0;
+}
+function ColumnHeader({
+  label,
+  sortable = false,
+  sortOrder,
+  onSortChange,
+  sortIcon,
+  filterCount = 0,
+  filterIcon,
+  filterContent
+}) {
+  const [filterOpen, setFilterOpen] = React.useState(false);
+  const wrapperRef = React.useRef(null);
+  const filterActive = filterCount > 0;
+  const hasFilter = filterContent !== void 0;
+  React.useEffect(() => {
+    if (!filterOpen) return;
+    const onOutside = (e) => {
+      if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
+        setFilterOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", onOutside);
+    return () => document.removeEventListener("mousedown", onOutside);
+  }, [filterOpen]);
+  return /* @__PURE__ */ jsxs("div", { className: Table_module_default.columnHeader, ref: wrapperRef, children: [
+    sortable ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: Table_module_default.columnHeaderSortArea,
+        onClick: () => onSortChange == null ? void 0 : onSortChange(nextSortOrder(sortOrder)),
+        "aria-label": typeof label === "string" ? `Sort by ${label}` : "Sort",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: Table_module_default.columnHeaderLabel, children: label }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: clsx(Table_module_default.columnHeaderSortIcon, {
+                [Table_module_default.columnHeaderSortIconActive]: sortOrder !== void 0
+              }),
+              children: sortIcon != null ? sortIcon : /* @__PURE__ */ jsxs(Fragment, { children: [
+                sortOrder === "ascend" && /* @__PURE__ */ jsx(SortAscIcon, {}),
+                sortOrder === "descend" && /* @__PURE__ */ jsx(SortDescIcon, {}),
+                sortOrder === void 0 && /* @__PURE__ */ jsx(SortBothIcon, {})
+              ] })
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("span", { className: Table_module_default.columnHeaderLabel, children: label }),
+    hasFilter && /* @__PURE__ */ jsxs("div", { className: Table_module_default.columnHeaderFilterWrapper, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: clsx(Table_module_default.columnHeaderFilterBtn, {
+            [Table_module_default.columnHeaderFilterBtnActive]: filterActive
+          }),
+          onClick: () => setFilterOpen((v) => !v),
+          "aria-label": typeof label === "string" ? `Filter ${label}` : "Filter",
+          "aria-expanded": filterOpen,
+          "aria-haspopup": "dialog",
+          children: [
+            filterIcon != null ? filterIcon : /* @__PURE__ */ jsx(FilterIcon, {}),
+            filterActive && /* @__PURE__ */ jsx("span", { className: Table_module_default.columnHeaderFilterBadge, children: filterCount })
+          ]
+        }
+      ),
+      filterOpen && /* @__PURE__ */ jsx("div", { className: Table_module_default.columnHeaderFilterDropdown, role: "dialog", children: filterContent })
+    ] })
+  ] });
+}
+function processColumns(columns) {
+  if (!columns) return void 0;
+  return columns.map((col) => {
+    const _a = col, { headerProps, title } = _a, rest = __objRest(_a, ["headerProps", "title"]);
+    if (!headerProps) return __spreadValues({ title }, rest);
+    return __spreadProps(__spreadValues({}, rest), {
+      title: /* @__PURE__ */ jsx(ColumnHeader, __spreadValues({ label: title }, headerProps))
+    });
+  });
+}
+function Table(props) {
+  const _a = props, {
+    size = "middle",
+    variant = "default",
+    className = "",
+    analytics: _analytics,
+    pagination,
+    columns,
+    rowSelection,
+    rowKey = "key",
+    onRow,
+    dataSource
+  } = _a, rest = __objRest(_a, [
+    "size",
+    "variant",
+    "className",
+    "analytics",
+    "pagination",
+    "columns",
+    "rowSelection",
+    "rowKey",
+    "onRow",
+    "dataSource"
+  ]);
+  const isChildVariant = variant === "accordion-child" || variant === "toolbar-child";
+  const resolvedPagination = buildPagination(pagination);
+  const processedColumns = React.useMemo(
+    () => processColumns(columns),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [columns]
+  );
+  const resolvedOnRow = React.useMemo(() => {
+    const onChange = rowSelection == null ? void 0 : rowSelection.onChange;
+    if (variant !== "selectable" || !onChange) return onRow;
+    return (record, index) => {
+      var _a2;
+      const base = (_a2 = onRow == null ? void 0 : onRow(record, index)) != null ? _a2 : {};
+      const getKey = (r, i) => typeof rowKey === "function" ? rowKey(r, i) : r[rowKey];
+      return __spreadProps(__spreadValues({}, base), {
+        style: __spreadValues({ cursor: "pointer" }, base.style),
+        onClick: (e) => {
+          var _a3, _b;
+          (_a3 = base.onClick) == null ? void 0 : _a3.call(base, e);
+          const key = getKey(record, index);
+          const current = (_b = rowSelection.selectedRowKeys) != null ? _b : [];
+          const isSelected = current.some((k) => k === key);
+          const newKeys = isSelected ? current.filter((k) => k !== key) : [...current, key];
+          const newRows = (dataSource != null ? dataSource : []).filter(
+            (r) => newKeys.some((k) => k === getKey(r))
+          );
+          onChange(newKeys, newRows, { type: "single" });
+        }
+      });
+    };
+  }, [variant, rowSelection, rowKey, onRow, dataSource]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(
+        Table_module_default.tableWrapper,
+        { [Table_module_default.childVariant]: isChildVariant },
+        { [Table_module_default.showHoverEffect]: variant === "hover" || variant === "selectable" },
+        `variant_${variant}`,
+        className
+      ),
+      "data-testid": "lumina-table",
+      children: /* @__PURE__ */ jsx(
+        AntTable,
+        __spreadValues({
+          className: Table_module_default.table,
+          size,
+          pagination: resolvedPagination,
+          columns: processedColumns,
+          rowSelection,
+          rowKey,
+          onRow: resolvedOnRow,
+          dataSource,
+          rowClassName: (_, index) => {
+            var _a2;
+            const lastIndex = ((_a2 = dataSource == null ? void 0 : dataSource.length) != null ? _a2 : 0) - 1;
+            if (index === 0) return Table_module_default.firstRow;
+            return "";
+          }
+        }, rest)
+      )
+    }
+  );
+}
+Table.displayName = "Table";
+var Table_default = Table;
+
+export {
+  Table,
+  Table_default
+};