@sikka/hawa 0.15.9-next → 0.15.12-next

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.css +19 -0
  2. package/dist/index.d.mts +5 -2
  3. package/dist/index.d.ts +5 -2
  4. package/dist/index.js +50 -38
  5. package/dist/index.mjs +58 -48
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1181,6 +1181,9 @@ input[type="number"]::-webkit-inner-spin-button,
1181
1181
  .hawa-max-h-\[300px\] {
1182
1182
  max-height: 300px;
1183
1183
  }
1184
+ .hawa-max-h-\[400px\] {
1185
+ max-height: 400px;
1186
+ }
1184
1187
  .hawa-max-h-fit {
1185
1188
  max-height: -moz-fit-content;
1186
1189
  max-height: fit-content;
@@ -1905,6 +1908,10 @@ input[type="number"]::-webkit-inner-spin-button,
1905
1908
  --tw-bg-opacity: 1;
1906
1909
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
1907
1910
  }
1911
+ .hawa-bg-blue-400 {
1912
+ --tw-bg-opacity: 1;
1913
+ background-color: rgb(96 165 250 / var(--tw-bg-opacity));
1914
+ }
1908
1915
  .hawa-bg-blue-50 {
1909
1916
  --tw-bg-opacity: 1;
1910
1917
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
@@ -1977,6 +1984,10 @@ input[type="number"]::-webkit-inner-spin-button,
1977
1984
  --tw-bg-opacity: 1;
1978
1985
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
1979
1986
  }
1987
+ .hawa-bg-green-200 {
1988
+ --tw-bg-opacity: 1;
1989
+ background-color: rgb(187 247 208 / var(--tw-bg-opacity));
1990
+ }
1980
1991
  .hawa-bg-green-400 {
1981
1992
  --tw-bg-opacity: 1;
1982
1993
  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
@@ -2043,6 +2054,14 @@ input[type="number"]::-webkit-inner-spin-button,
2043
2054
  --tw-bg-opacity: 1;
2044
2055
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
2045
2056
  }
2057
+ .hawa-bg-red-200 {
2058
+ --tw-bg-opacity: 1;
2059
+ background-color: rgb(254 202 202 / var(--tw-bg-opacity));
2060
+ }
2061
+ .hawa-bg-red-300 {
2062
+ --tw-bg-opacity: 1;
2063
+ background-color: rgb(252 165 165 / var(--tw-bg-opacity));
2064
+ }
2046
2065
  .hawa-bg-red-500 {
2047
2066
  --tw-bg-opacity: 1;
2048
2067
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
package/dist/index.d.mts CHANGED
@@ -635,7 +635,8 @@ type DataTableProps<DataProps = {}> = {
635
635
  };
636
636
  declare module "@tanstack/table-core" {
637
637
  interface ColumnMeta<TData extends RowData, TValue> {
638
- sortable: any;
638
+ padding?: "condensed" | "default" | "noPadding";
639
+ sortable?: boolean;
639
640
  }
640
641
  }
641
642
  declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
@@ -660,7 +661,7 @@ type SimpleTableProps = {
660
661
  };
661
662
  declare module "@tanstack/table-core" {
662
663
  interface ColumnMeta<TData extends RowData, TValue> {
663
- sortable: any;
664
+ padding?: "condensed" | "default" | "noPadding";
664
665
  }
665
666
  }
666
667
  declare const SimpleTable: React$1.FC<SimpleTableProps>;
@@ -677,6 +678,8 @@ declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttribu
677
678
  declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
678
679
  interface TableCellProps extends React$1.TdHTMLAttributes<HTMLTableCellElement> {
679
680
  condensed?: boolean;
681
+ enablePadding?: boolean;
682
+ padding?: "condensed" | "default" | "noPadding";
680
683
  }
681
684
  declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
682
685
  declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
package/dist/index.d.ts CHANGED
@@ -635,7 +635,8 @@ type DataTableProps<DataProps = {}> = {
635
635
  };
636
636
  declare module "@tanstack/table-core" {
637
637
  interface ColumnMeta<TData extends RowData, TValue> {
638
- sortable: any;
638
+ padding?: "condensed" | "default" | "noPadding";
639
+ sortable?: boolean;
639
640
  }
640
641
  }
641
642
  declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
@@ -660,7 +661,7 @@ type SimpleTableProps = {
660
661
  };
661
662
  declare module "@tanstack/table-core" {
662
663
  interface ColumnMeta<TData extends RowData, TValue> {
663
- sortable: any;
664
+ padding?: "condensed" | "default" | "noPadding";
664
665
  }
665
666
  }
666
667
  declare const SimpleTable: React$1.FC<SimpleTableProps>;
@@ -677,6 +678,8 @@ declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttribu
677
678
  declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
678
679
  interface TableCellProps extends React$1.TdHTMLAttributes<HTMLTableCellElement> {
679
680
  condensed?: boolean;
681
+ enablePadding?: boolean;
682
+ padding?: "condensed" | "default" | "noPadding";
680
683
  }
681
684
  declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
682
685
  declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
package/dist/index.js CHANGED
@@ -5484,7 +5484,7 @@ var Table = React42.forwardRef(function(_param, ref) /* @__PURE__ */ {
5484
5484
  "className"
5485
5485
  ]);
5486
5486
  return React42.createElement("div", {
5487
- className: "hawa-relative hawa-w-full hawa-overflow-auto hawa-rounded hawa-border"
5487
+ className: "hawa-relative hawa-w-full hawa-overflow-auto hawa-rounded hawa-border"
5488
5488
  }, /* @__PURE__ */ React42.createElement("table", _object_spread({
5489
5489
  ref: ref,
5490
5490
  className: cn("hawa-w-full hawa-caption-bottom hawa-text-sm", className)
@@ -5543,14 +5543,24 @@ var TableRow = React42.forwardRef(function(_param, ref) /* @__PURE__ */ {
5543
5543
  }, props));
5544
5544
  });
5545
5545
  TableRow.displayName = "TableRow";
5546
- var TableCell = React42.forwardRef(function(_param, ref) /* @__PURE__ */ {
5547
- var className = _param.className, props = _object_without_properties(_param, [
5548
- "className"
5546
+ var TableCell = React42.forwardRef(function(_param, ref) {
5547
+ var className = _param.className, _param_enablePadding = _param.enablePadding, enablePadding = _param_enablePadding === void 0 ? true : _param_enablePadding, _param_padding = _param.padding, padding = _param_padding === void 0 ? "default" : _param_padding, props = _object_without_properties(_param, [
5548
+ "className",
5549
+ "enablePadding",
5550
+ "padding"
5549
5551
  ]);
5550
- return React42.createElement("td", _object_spread({
5552
+ var paddingStyles = {
5553
+ condensed: "hawa-p-0 hawa-px-4",
5554
+ default: "hawa-p-4",
5555
+ noPadding: "hawa-p-0"
5556
+ };
5557
+ return /* @__PURE__ */ React42.createElement("td", _object_spread({
5551
5558
  ref: ref,
5552
- className: cn(// "border-x",
5553
- 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",
5559
+ className: cn(paddingStyles[padding], // "border-x",
5560
+ // enablePadding ? "hawa-p-4" : "hawa-p-0",
5561
+ // props.disablePadding ? "hawa-p-0" : "hawa-p-4",
5562
+ // props.condensed ? "hawa-p-0 hawa-px-4" : "hawa-p-4",
5563
+ "hawa-align-middle [&:has([role=checkbox])]:hawa-pr-0 ", "[&:not(:last-child)&:not(:first-child)]:hawa-border-x", // "[&:not(:last-child)]:hawa-border-r",
5554
5564
  props.dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r", className)
5555
5565
  }, props));
5556
5566
  });
@@ -5644,9 +5654,9 @@ var DataTable = function(_param) {
5644
5654
  viewBox: "0 0 24 24",
5645
5655
  fill: "none",
5646
5656
  stroke: "currentColor",
5647
- "stroke-width": "2",
5648
- "stroke-linecap": "round",
5649
- "stroke-linejoin": "round",
5657
+ strokeWidth: "2",
5658
+ strokeLinecap: "round",
5659
+ strokeLinejoin: "round",
5650
5660
  className: "hawa-icon hawa-rotate-90"
5651
5661
  }, /* @__PURE__ */ React43.createElement("path", {
5652
5662
  d: "m9 18 6-6-6-6"
@@ -5677,7 +5687,7 @@ var DataTable = function(_param) {
5677
5687
  return /* @__PURE__ */ React43.createElement(TableHead, {
5678
5688
  dir: props.direction,
5679
5689
  condensed: props.condensed,
5680
- clickable: isSortable,
5690
+ clickable: Boolean(isSortable),
5681
5691
  key: header.id
5682
5692
  }, header.isPlaceholder ? null : (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext()));
5683
5693
  }));
@@ -5686,9 +5696,10 @@ var DataTable = function(_param) {
5686
5696
  key: row.id,
5687
5697
  "data-state": row.getIsSelected() && "selected"
5688
5698
  }, row.getVisibleCells().map(function(cell) {
5699
+ var _cell_column_columnDef_meta;
5689
5700
  return /* @__PURE__ */ React43.createElement(TableCell, {
5690
5701
  dir: props.direction,
5691
- condensed: props.condensed,
5702
+ padding: props.condensed ? "condensed" : (_cell_column_columnDef_meta = cell.column.columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.padding,
5692
5703
  key: cell.id
5693
5704
  }, (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()));
5694
5705
  }));
@@ -5702,7 +5713,7 @@ var DataTable = function(_param) {
5702
5713
  }), props.showCount && /* @__PURE__ */ React43.createElement("div", {
5703
5714
  className: "text-sm text-muted-foreground",
5704
5715
  dir: props.direction
5705
- }, /* @__PURE__ */ React43.createElement("span", null, (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.total), " ", /* @__PURE__ */ React43.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())), table.getPageCount() !== 0 && /* @__PURE__ */ React43.createElement("div", {
5716
+ }, /* @__PURE__ */ React43.createElement("span", null, (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.total), " ", /* @__PURE__ */ React43.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())), table.getPageCount() > 1 && /* @__PURE__ */ React43.createElement("div", {
5706
5717
  className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 "
5707
5718
  }, enableGoTo && /* @__PURE__ */ React43.createElement("div", {
5708
5719
  className: "hawa-flex hawa-flex-row hawa-justify-center hawa-items-center hawa-gap-2"
@@ -5827,7 +5838,7 @@ var SimpleTable = function(_param) {
5827
5838
  className: cn("hawa-flex hawa-w-full hawa-flex-col hawa-gap-4", classNames)
5828
5839
  }, props.isLoading ? /* @__PURE__ */ React44.createElement(Skeleton, {
5829
5840
  className: "h-[130px] w-full"
5830
- }) : /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement("div", {
5841
+ }) : /* @__PURE__ */ React44.createElement("div", {
5831
5842
  className: "hawa-rounded"
5832
5843
  }, /* @__PURE__ */ React44.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React44.createElement(TableHeader, null, table.getHeaderGroups().map(function(headerGroup) {
5833
5844
  return /* @__PURE__ */ React44.createElement(TableRow, {
@@ -5844,16 +5855,17 @@ var SimpleTable = function(_param) {
5844
5855
  key: row.id,
5845
5856
  "data-state": row.getIsSelected() && "selected"
5846
5857
  }, row.getVisibleCells().map(function(cell) {
5858
+ var _cell_column_columnDef_meta;
5847
5859
  return /* @__PURE__ */ React44.createElement(TableCell, {
5848
5860
  dir: props.direction,
5849
- condensed: props.condensed,
5861
+ padding: props.condensed ? "condensed" : (_cell_column_columnDef_meta = cell.column.columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.padding,
5850
5862
  key: cell.id
5851
5863
  }, (0, import_react_table2.flexRender)(cell.column.columnDef.cell, cell.getContext()));
5852
5864
  }));
5853
5865
  }) : /* @__PURE__ */ React44.createElement(TableRow, null, /* @__PURE__ */ React44.createElement(TableCell, {
5854
5866
  colSpan: columns.length,
5855
5867
  className: "hawa-h-24 hawa-text-center"
5856
- }, (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.noData)))))));
5868
+ }, (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.noData))))));
5857
5869
  };
5858
5870
  // components/elements/Accordion.tsx
5859
5871
  var React45 = __toESM(require("react"));
@@ -6303,8 +6315,8 @@ var Logos = {
6303
6315
  fill: "none",
6304
6316
  "stroke-width": "2",
6305
6317
  viewBox: "0 0 24 24",
6306
- "stroke-linecap": "round",
6307
- "stroke-linejoin": "round",
6318
+ strokeLinecap: "round",
6319
+ strokeLinejoin: "round",
6308
6320
  height: "1em",
6309
6321
  width: "1em",
6310
6322
  xmlns: "http://www.w3.org/2000/svg"
@@ -6325,8 +6337,8 @@ var Logos = {
6325
6337
  width: "1em",
6326
6338
  xmlns: "http://www.w3.org/2000/svg"
6327
6339
  }, props), /* @__PURE__ */ import_react30.default.createElement("path", {
6328
- "stroke-linecap": "round",
6329
- "stroke-linejoin": "round",
6340
+ strokeLinecap: "round",
6341
+ strokeLinejoin: "round",
6330
6342
  d: "M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"
6331
6343
  }));
6332
6344
  },
@@ -6796,8 +6808,8 @@ var NavigationMenuTrigger = React58.forwardRef(function(_param, ref) /* @__PURE_
6796
6808
  fill: "none",
6797
6809
  stroke: "currentColor",
6798
6810
  "stroke-width": "2",
6799
- "stroke-linecap": "round",
6800
- "stroke-linejoin": "round",
6811
+ strokeLinecap: "round",
6812
+ strokeLinejoin: "round",
6801
6813
  "aria-hidden": "true",
6802
6814
  className: "hawa-relative hawa-top-[1px] hawa-icon hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
6803
6815
  }, /* @__PURE__ */ React58.createElement("path", {
@@ -7122,8 +7134,8 @@ var Navbar = function(_param) {
7122
7134
  fill: "none",
7123
7135
  stroke: "currentColor",
7124
7136
  "stroke-width": "2",
7125
- "stroke-linecap": "round",
7126
- "stroke-linejoin": "round",
7137
+ strokeLinecap: "round",
7138
+ strokeLinejoin: "round",
7127
7139
  className: cn("hawa-w-6 hawa-h-6 hawa-fixed", isOpen ? "hawa-invisible" : "hawa-visible")
7128
7140
  }, /* @__PURE__ */ import_react36.default.createElement("line", {
7129
7141
  x1: "4",
@@ -7148,8 +7160,8 @@ var Navbar = function(_param) {
7148
7160
  fill: "none",
7149
7161
  stroke: "currentColor",
7150
7162
  "stroke-width": "2",
7151
- "stroke-linecap": "round",
7152
- "stroke-linejoin": "round",
7163
+ strokeLinecap: "round",
7164
+ strokeLinejoin: "round",
7153
7165
  className: cn("hawa-w-6 hawa-h-6", !isOpen ? "hawa-invisible" : "hawa-visible")
7154
7166
  }, /* @__PURE__ */ import_react36.default.createElement("path", {
7155
7167
  d: "M18 6 6 18"
@@ -7519,8 +7531,8 @@ var MenubarSubTrigger = React65.forwardRef(function(_param, ref) /* @__PURE__ */
7519
7531
  fill: "none",
7520
7532
  stroke: "currentColor",
7521
7533
  "stroke-width": "2",
7522
- "stroke-linecap": "round",
7523
- "stroke-linejoin": "round",
7534
+ strokeLinecap: "round",
7535
+ strokeLinejoin: "round",
7524
7536
  className: "hawa-ml-auto hawa-icon"
7525
7537
  }, /* @__PURE__ */ React65.createElement("path", {
7526
7538
  d: "m9 18 6-6-6-6"
@@ -7584,8 +7596,8 @@ var MenubarCheckboxItem = React65.forwardRef(function(_param, ref) /* @__PURE__
7584
7596
  fill: "none",
7585
7597
  stroke: "currentColor",
7586
7598
  "stroke-width": "2",
7587
- "stroke-linecap": "round",
7588
- "stroke-linejoin": "round",
7599
+ strokeLinecap: "round",
7600
+ strokeLinejoin: "round",
7589
7601
  className: "hawa-icon"
7590
7602
  }, /* @__PURE__ */ React65.createElement("path", {
7591
7603
  d: "M20 6 9 17l-5-5"
@@ -7610,8 +7622,8 @@ var MenubarRadioItem = React65.forwardRef(function(_param, ref) /* @__PURE__ */
7610
7622
  fill: "none",
7611
7623
  stroke: "currentColor",
7612
7624
  "stroke-width": "2",
7613
- "stroke-linecap": "round",
7614
- "stroke-linejoin": "round",
7625
+ strokeLinecap: "round",
7626
+ strokeLinejoin: "round",
7615
7627
  className: "hawa-h-2 hawa-w-2 hawa-fill-current"
7616
7628
  }, /* @__PURE__ */ React65.createElement("circle", {
7617
7629
  cx: "12",
@@ -8064,8 +8076,8 @@ var EyeIcon = function(props) {
8064
8076
  fill: "none",
8065
8077
  stroke: "currentColor",
8066
8078
  "stroke-width": "2",
8067
- "stroke-linecap": "round",
8068
- "stroke-linejoin": "round"
8079
+ strokeLinecap: "round",
8080
+ strokeLinejoin: "round"
8069
8081
  }, /* @__PURE__ */ import_react44.default.createElement("path", {
8070
8082
  d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"
8071
8083
  }), /* @__PURE__ */ import_react44.default.createElement("circle", {
@@ -8085,8 +8097,8 @@ var HiddenEyeIcon = function(props) {
8085
8097
  fill: "none",
8086
8098
  stroke: "currentColor",
8087
8099
  "stroke-width": "2",
8088
- "stroke-linecap": "round",
8089
- "stroke-linejoin": "round"
8100
+ strokeLinecap: "round",
8101
+ strokeLinejoin: "round"
8090
8102
  }, /* @__PURE__ */ import_react44.default.createElement("path", {
8091
8103
  d: "M9.88 9.88a3 3 0 1 0 4.24 4.24"
8092
8104
  }), /* @__PURE__ */ import_react44.default.createElement("path", {
@@ -8739,8 +8751,8 @@ var CheckEmail = function(param) {
8739
8751
  fill: "none",
8740
8752
  "stroke-width": "2",
8741
8753
  viewBox: "0 0 24 24",
8742
- "stroke-linecap": "round",
8743
- "stroke-linejoin": "round",
8754
+ strokeLinecap: "round",
8755
+ strokeLinejoin: "round",
8744
8756
  height: "0.5em",
8745
8757
  width: "0.5em",
8746
8758
  xmlns: "http://www.w3.org/2000/svg"
package/dist/index.mjs CHANGED
@@ -5158,7 +5158,7 @@ import {
5158
5158
 
5159
5159
  // components/elements/Table.tsx
5160
5160
  import * as React42 from "react";
5161
- var Table = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React42.createElement("div", { className: "hawa-relative hawa-w-full hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React42.createElement(
5161
+ var Table = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React42.createElement("div", { className: "hawa-relative hawa-w-full hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React42.createElement(
5162
5162
  "table",
5163
5163
  {
5164
5164
  ref,
@@ -5225,22 +5225,32 @@ var TableRow = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__
5225
5225
  ));
5226
5226
  TableRow.displayName = "TableRow";
5227
5227
  var TableCell = React42.forwardRef(
5228
- ({ className, ...props }, ref) => /* @__PURE__ */ React42.createElement(
5229
- "td",
5230
- {
5231
- ref,
5232
- className: cn(
5233
- // "border-x",
5234
- props.condensed ? "hawa-p-0 hawa-px-4" : "hawa-p-4",
5235
- "hawa-align-middle [&:has([role=checkbox])]:hawa-pr-0 ",
5236
- "[&:not(:last-child)&:not(:first-child)]:hawa-border-x",
5237
- // "[&:not(:last-child)]:hawa-border-r",
5238
- props.dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r",
5239
- className
5240
- ),
5241
- ...props
5242
- }
5243
- )
5228
+ ({ className, enablePadding = true, padding = "default", ...props }, ref) => {
5229
+ let paddingStyles = {
5230
+ condensed: "hawa-p-0 hawa-px-4",
5231
+ default: "hawa-p-4",
5232
+ noPadding: "hawa-p-0"
5233
+ };
5234
+ return /* @__PURE__ */ React42.createElement(
5235
+ "td",
5236
+ {
5237
+ ref,
5238
+ className: cn(
5239
+ paddingStyles[padding],
5240
+ // "border-x",
5241
+ // enablePadding ? "hawa-p-4" : "hawa-p-0",
5242
+ // props.disablePadding ? "hawa-p-0" : "hawa-p-4",
5243
+ // props.condensed ? "hawa-p-0 hawa-px-4" : "hawa-p-4",
5244
+ "hawa-align-middle [&:has([role=checkbox])]:hawa-pr-0 ",
5245
+ "[&:not(:last-child)&:not(:first-child)]:hawa-border-x",
5246
+ // "[&:not(:last-child)]:hawa-border-r",
5247
+ props.dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r",
5248
+ className
5249
+ ),
5250
+ ...props
5251
+ }
5252
+ );
5253
+ }
5244
5254
  );
5245
5255
  TableCell.displayName = "TableCell";
5246
5256
  var TableCaption = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React42.createElement(
@@ -5332,9 +5342,9 @@ var DataTable = ({
5332
5342
  viewBox: "0 0 24 24",
5333
5343
  fill: "none",
5334
5344
  stroke: "currentColor",
5335
- "stroke-width": "2",
5336
- "stroke-linecap": "round",
5337
- "stroke-linejoin": "round",
5345
+ strokeWidth: "2",
5346
+ strokeLinecap: "round",
5347
+ strokeLinejoin: "round",
5338
5348
  className: "hawa-icon hawa-rotate-90"
5339
5349
  },
5340
5350
  /* @__PURE__ */ React43.createElement("path", { d: "m9 18 6-6-6-6" })
@@ -5370,7 +5380,7 @@ var DataTable = ({
5370
5380
  {
5371
5381
  dir: props.direction,
5372
5382
  condensed: props.condensed,
5373
- clickable: isSortable,
5383
+ clickable: Boolean(isSortable),
5374
5384
  key: header.id
5375
5385
  },
5376
5386
  header.isPlaceholder ? null : flexRender(
@@ -5388,7 +5398,7 @@ var DataTable = ({
5388
5398
  TableCell,
5389
5399
  {
5390
5400
  dir: props.direction,
5391
- condensed: props.condensed,
5401
+ padding: props.condensed ? "condensed" : cell.column.columnDef.meta?.padding,
5392
5402
  key: cell.id
5393
5403
  },
5394
5404
  flexRender(
@@ -5413,7 +5423,7 @@ var DataTable = ({
5413
5423
  /* @__PURE__ */ React43.createElement("span", null, props.texts?.total),
5414
5424
  " ",
5415
5425
  /* @__PURE__ */ React43.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
5416
- ), table.getPageCount() !== 0 && /* @__PURE__ */ React43.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React43.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React43.createElement("span", { className: "hawa-text-sm" }, props.texts?.goTo), /* @__PURE__ */ React43.createElement(
5426
+ ), table.getPageCount() > 1 && /* @__PURE__ */ React43.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React43.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React43.createElement("span", { className: "hawa-text-sm" }, props.texts?.goTo), /* @__PURE__ */ React43.createElement(
5417
5427
  "input",
5418
5428
  {
5419
5429
  max: table.getPageCount(),
@@ -5542,7 +5552,7 @@ var SimpleTable = ({
5542
5552
  classNames
5543
5553
  )
5544
5554
  },
5545
- props.isLoading ? /* @__PURE__ */ React44.createElement(Skeleton, { className: "h-[130px] w-full" }) : /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement("div", { className: "hawa-rounded" }, /* @__PURE__ */ React44.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React44.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React44.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
5555
+ props.isLoading ? /* @__PURE__ */ React44.createElement(Skeleton, { className: "h-[130px] w-full" }) : /* @__PURE__ */ React44.createElement("div", { className: "hawa-rounded" }, /* @__PURE__ */ React44.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React44.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React44.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
5546
5556
  return /* @__PURE__ */ React44.createElement(
5547
5557
  TableHead,
5548
5558
  {
@@ -5565,7 +5575,7 @@ var SimpleTable = ({
5565
5575
  TableCell,
5566
5576
  {
5567
5577
  dir: props.direction,
5568
- condensed: props.condensed,
5578
+ padding: props.condensed ? "condensed" : cell.column.columnDef.meta?.padding,
5569
5579
  key: cell.id
5570
5580
  },
5571
5581
  flexRender2(
@@ -5580,7 +5590,7 @@ var SimpleTable = ({
5580
5590
  className: "hawa-h-24 hawa-text-center"
5581
5591
  },
5582
5592
  props.texts?.noData
5583
- ))))))
5593
+ )))))
5584
5594
  );
5585
5595
  };
5586
5596
 
@@ -6037,8 +6047,8 @@ var Logos = {
6037
6047
  fill: "none",
6038
6048
  "stroke-width": "2",
6039
6049
  viewBox: "0 0 24 24",
6040
- "stroke-linecap": "round",
6041
- "stroke-linejoin": "round",
6050
+ strokeLinecap: "round",
6051
+ strokeLinejoin: "round",
6042
6052
  height: "1em",
6043
6053
  width: "1em",
6044
6054
  xmlns: "http://www.w3.org/2000/svg",
@@ -6063,8 +6073,8 @@ var Logos = {
6063
6073
  /* @__PURE__ */ React53.createElement(
6064
6074
  "path",
6065
6075
  {
6066
- "stroke-linecap": "round",
6067
- "stroke-linejoin": "round",
6076
+ strokeLinecap: "round",
6077
+ strokeLinejoin: "round",
6068
6078
  d: "M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"
6069
6079
  }
6070
6080
  )
@@ -6575,8 +6585,8 @@ var NavigationMenuTrigger = React58.forwardRef(({ className, children, ...props
6575
6585
  fill: "none",
6576
6586
  stroke: "currentColor",
6577
6587
  "stroke-width": "2",
6578
- "stroke-linecap": "round",
6579
- "stroke-linejoin": "round",
6588
+ strokeLinecap: "round",
6589
+ strokeLinejoin: "round",
6580
6590
  "aria-hidden": "true",
6581
6591
  className: "hawa-relative hawa-top-[1px] hawa-icon hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
6582
6592
  },
@@ -6946,8 +6956,8 @@ var Navbar = ({
6946
6956
  fill: "none",
6947
6957
  stroke: "currentColor",
6948
6958
  "stroke-width": "2",
6949
- "stroke-linecap": "round",
6950
- "stroke-linejoin": "round",
6959
+ strokeLinecap: "round",
6960
+ strokeLinejoin: "round",
6951
6961
  className: cn(
6952
6962
  "hawa-w-6 hawa-h-6 hawa-fixed",
6953
6963
  isOpen ? "hawa-invisible" : "hawa-visible"
@@ -6967,8 +6977,8 @@ var Navbar = ({
6967
6977
  fill: "none",
6968
6978
  stroke: "currentColor",
6969
6979
  "stroke-width": "2",
6970
- "stroke-linecap": "round",
6971
- "stroke-linejoin": "round",
6980
+ strokeLinecap: "round",
6981
+ strokeLinejoin: "round",
6972
6982
  className: cn(
6973
6983
  "hawa-w-6 hawa-h-6",
6974
6984
  !isOpen ? "hawa-invisible" : "hawa-visible"
@@ -7517,8 +7527,8 @@ var MenubarSubTrigger = React65.forwardRef(({ className, inset, children, ...pro
7517
7527
  fill: "none",
7518
7528
  stroke: "currentColor",
7519
7529
  "stroke-width": "2",
7520
- "stroke-linecap": "round",
7521
- "stroke-linejoin": "round",
7530
+ strokeLinecap: "round",
7531
+ strokeLinejoin: "round",
7522
7532
  className: "hawa-ml-auto hawa-icon"
7523
7533
  },
7524
7534
  /* @__PURE__ */ React65.createElement("path", { d: "m9 18 6-6-6-6" })
@@ -7588,8 +7598,8 @@ var MenubarCheckboxItem = React65.forwardRef(({ className, children, checked, ..
7588
7598
  fill: "none",
7589
7599
  stroke: "currentColor",
7590
7600
  "stroke-width": "2",
7591
- "stroke-linecap": "round",
7592
- "stroke-linejoin": "round",
7601
+ strokeLinecap: "round",
7602
+ strokeLinejoin: "round",
7593
7603
  className: "hawa-icon"
7594
7604
  },
7595
7605
  /* @__PURE__ */ React65.createElement("path", { d: "M20 6 9 17l-5-5" })
@@ -7617,8 +7627,8 @@ var MenubarRadioItem = React65.forwardRef(({ className, children, ...props }, re
7617
7627
  fill: "none",
7618
7628
  stroke: "currentColor",
7619
7629
  "stroke-width": "2",
7620
- "stroke-linecap": "round",
7621
- "stroke-linejoin": "round",
7630
+ strokeLinecap: "round",
7631
+ strokeLinejoin: "round",
7622
7632
  className: "hawa-h-2 hawa-w-2 hawa-fill-current"
7623
7633
  },
7624
7634
  /* @__PURE__ */ React65.createElement("circle", { cx: "12", cy: "12", r: "10" })
@@ -8167,8 +8177,8 @@ var EyeIcon = (props) => /* @__PURE__ */ React71.createElement("div", { classNam
8167
8177
  fill: "none",
8168
8178
  stroke: "currentColor",
8169
8179
  "stroke-width": "2",
8170
- "stroke-linecap": "round",
8171
- "stroke-linejoin": "round"
8180
+ strokeLinecap: "round",
8181
+ strokeLinejoin: "round"
8172
8182
  },
8173
8183
  /* @__PURE__ */ React71.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
8174
8184
  /* @__PURE__ */ React71.createElement("circle", { cx: "12", cy: "12", r: "3" })
@@ -8183,8 +8193,8 @@ var HiddenEyeIcon = (props) => /* @__PURE__ */ React71.createElement("div", { cl
8183
8193
  fill: "none",
8184
8194
  stroke: "currentColor",
8185
8195
  "stroke-width": "2",
8186
- "stroke-linecap": "round",
8187
- "stroke-linejoin": "round"
8196
+ strokeLinecap: "round",
8197
+ strokeLinejoin: "round"
8188
8198
  },
8189
8199
  /* @__PURE__ */ React71.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
8190
8200
  /* @__PURE__ */ React71.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
@@ -8855,8 +8865,8 @@ var CheckEmail = ({ texts, handleResend }) => {
8855
8865
  fill: "none",
8856
8866
  "stroke-width": "2",
8857
8867
  viewBox: "0 0 24 24",
8858
- "stroke-linecap": "round",
8859
- "stroke-linejoin": "round",
8868
+ strokeLinecap: "round",
8869
+ strokeLinejoin: "round",
8860
8870
  height: "0.5em",
8861
8871
  width: "0.5em",
8862
8872
  xmlns: "http://www.w3.org/2000/svg"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.15.9-next",
3
+ "version": "0.15.12-next",
4
4
  "main": "./dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {