@sikka/hawa/dist/table/index.js

Modern UI Kit made with Tailwind

"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 __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);

// elements/table/index.ts
var table_exports = {};
__export(table_exports, {
  Table: () => Table,
  TableBody: () => TableBody,
  TableCaption: () => TableCaption,
  TableCell: () => TableCell,
  TableFooter: () => TableFooter,
  TableHead: () => TableHead,
  TableHeader: () => TableHeader,
  TableRow: () => TableRow
});
module.exports = __toCommonJS(table_exports);

// elements/table/Table.tsx
var React = __toESM(require("react"));

// util/index.ts
var import_clsx = require("clsx");
var import_tailwind_merge = require("tailwind-merge");
function cn(...inputs) {
  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
}

// elements/table/Table.tsx
var Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("div", { className: "hawa-relative hawa-w-full hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React.createElement(
  "table",
  {
    ref,
    className: cn("hawa-w-full hawa-caption-bottom hawa-text-sm", className),
    ...props
  }
)));
var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
  "thead",
  {
    ref,
    className: cn("[&_tr]:hawa-border-b", "hawa-bg-muted/50", className),
    ...props
  }
));
var TableHead = React.forwardRef(
  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React.createElement(
    "th",
    {
      ref,
      className: cn(
        "hawa-bg-muted/60 hawa-text-nowrap hawa-text-start hawa-align-middle hawa-font-medium hawa-text-muted-foreground dark:hawa-bg-muted/40 [&:has([role=checkbox])]:hawa-pr-0 [&:not(:last-child)&:not(:first-child)]:hawa-border-x",
        dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r",
        condensed ? "hawa-h-8" : "hawa-h-12",
        clickable ? "hawa-px-1" : "hawa-px-4",
        //First and last columns
        clickable ? "[&:not(:last-child)&:not(:first-child)]:hawa-p-1" : "hawa-px-4",
        //Columns in between
        className
      ),
      ...props
    }
  )
);
var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
  "tfoot",
  {
    ref,
    className: cn(
      "hawa-bg-primary hawa-font-medium hawa-text-primary-foreground",
      className
    ),
    ...props
  }
));
var TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
  "tr",
  {
    ref,
    className: cn(
      "hawa-bg-background hawa-transition-colors data-[state=selected]:hawa-bg-muted",
      "[&:not(:last-child)&:not(:first-child)]:hawa-border-y",
      "[&:not(:last-child)]:hawa-border-b",
      className
    ),
    ...props
  }
));
var TableCell = React.forwardRef(
  ({ className, enablePadding = true, padding = "default", ...props }, ref) => {
    let paddingStyles = {
      condensed: "hawa-p-0 hawa-px-4",
      default: "hawa-p-4",
      noPadding: "hawa-p-0"
    };
    return /* @__PURE__ */ React.createElement(
      "td",
      {
        ref,
        className: cn(
          paddingStyles[padding],
          // "border-x",
          // enablePadding ? "hawa-p-4" : "hawa-p-0",
          // props.disablePadding ? "hawa-p-0" : "hawa-p-4",
          // props.condensed ? "hawa-p-0 hawa-px-4" : "hawa-p-4",
          "hawa-align-middle [&:has([role=checkbox])]:hawa-pr-0",
          "[&:not(:last-child)&:not(:first-child)]:hawa-border-x",
          // "[&:not(:last-child)]:hawa-border-r",
          props.dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r",
          className
        ),
        ...props
      }
    );
  }
);
var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
  "caption",
  {
    ref,
    className: cn(
      "hawa-mt-4 hawa-text-sm hawa-text-muted-foreground",
      className
    ),
    ...props
  }
));
Table.displayName = "Table";
TableRow.displayName = "TableRow";
TableBody.displayName = "TableBody";
TableHead.displayName = "TableHead";
TableCell.displayName = "TableCell";
TableFooter.displayName = "TableFooter";
TableHeader.displayName = "TableHeader";
TableCaption.displayName = "TableCaption";
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  Table,
  TableBody,
  TableCaption,
  TableCell,
  TableFooter,
  TableHead,
  TableHeader,
  TableRow
});
//# sourceMappingURL=index.js.map