@sikka/hawa 0.18.12-next → 0.18.14-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 (5) hide show
  1. package/dist/index.d.mts +2 -0
  2. package/dist/index.d.ts +2 -0
  3. package/dist/index.js +95 -35
  4. package/dist/index.mjs +95 -35
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -491,6 +491,8 @@ type TooltipTypes = {
491
491
  /** Duration of the delay before the tooltip appears. */
492
492
  delayDuration?: any;
493
493
  triggerProps?: TooltipPrimitive.TooltipTriggerProps;
494
+ contentProps?: TooltipPrimitive.TooltipContentProps;
495
+ providerProps?: TooltipPrimitive.TooltipProviderProps;
494
496
  };
495
497
  declare const Tooltip: React__default.FunctionComponent<TooltipTypes>;
496
498
 
package/dist/index.d.ts CHANGED
@@ -491,6 +491,8 @@ type TooltipTypes = {
491
491
  /** Duration of the delay before the tooltip appears. */
492
492
  delayDuration?: any;
493
493
  triggerProps?: TooltipPrimitive.TooltipTriggerProps;
494
+ contentProps?: TooltipPrimitive.TooltipContentProps;
495
+ providerProps?: TooltipPrimitive.TooltipProviderProps;
494
496
  };
495
497
  declare const Tooltip: React__default.FunctionComponent<TooltipTypes>;
496
498
 
package/dist/index.js CHANGED
@@ -3012,19 +3012,29 @@ var Tooltip = ({
3012
3012
  defaultOpen,
3013
3013
  onOpenChange,
3014
3014
  triggerProps,
3015
+ contentProps,
3016
+ providerProps,
3015
3017
  delayDuration = 300,
3016
3018
  ...props
3017
3019
  }) => {
3018
- return /* @__PURE__ */ import_react9.default.createElement(TooltipPrimitive.TooltipProvider, { delayDuration }, /* @__PURE__ */ import_react9.default.createElement(
3019
- TooltipPrimitive.Root,
3020
+ return /* @__PURE__ */ import_react9.default.createElement(
3021
+ TooltipPrimitive.TooltipProvider,
3020
3022
  {
3021
- open,
3022
- defaultOpen,
3023
- onOpenChange
3023
+ delayDuration,
3024
+ ...providerProps
3024
3025
  },
3025
- /* @__PURE__ */ import_react9.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
3026
- /* @__PURE__ */ import_react9.default.createElement(TooltipContent, { side, align: "center", ...props }, content)
3027
- ));
3026
+ /* @__PURE__ */ import_react9.default.createElement(
3027
+ TooltipPrimitive.Root,
3028
+ {
3029
+ open,
3030
+ defaultOpen,
3031
+ onOpenChange,
3032
+ ...props
3033
+ },
3034
+ /* @__PURE__ */ import_react9.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
3035
+ /* @__PURE__ */ import_react9.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
3036
+ )
3037
+ );
3028
3038
  };
3029
3039
 
3030
3040
  // components/elements/Label.tsx
@@ -6095,6 +6105,34 @@ var DataTable = ({
6095
6105
  onItemSelect: (e) => table.setPageSize(Number(e))
6096
6106
  }
6097
6107
  ), table.getPageCount() > 1 && /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm " }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React45.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React45.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React45.createElement(
6108
+ Button,
6109
+ {
6110
+ "aria-label": "Next Table Page",
6111
+ variant: "outline",
6112
+ size: "smallIcon",
6113
+ onClick: () => table.setPageIndex(0),
6114
+ disabled: !table.getCanPreviousPage(),
6115
+ className: cn(
6116
+ props.direction === "rtl" && "hawa-rotate-180"
6117
+ )
6118
+ },
6119
+ /* @__PURE__ */ React45.createElement(
6120
+ "svg",
6121
+ {
6122
+ xmlns: "http://www.w3.org/2000/svg",
6123
+ width: "20",
6124
+ height: "20",
6125
+ viewBox: "0 0 24 24",
6126
+ fill: "none",
6127
+ stroke: "currentColor",
6128
+ strokeWidth: "2",
6129
+ strokeLinecap: "round",
6130
+ strokeLinejoin: "round"
6131
+ },
6132
+ /* @__PURE__ */ React45.createElement("path", { d: "m11 17-5-5 5-5" }),
6133
+ /* @__PURE__ */ React45.createElement("path", { d: "m18 17-5-5 5-5" })
6134
+ )
6135
+ ), /* @__PURE__ */ React45.createElement(
6098
6136
  Button,
6099
6137
  {
6100
6138
  "aria-label": "Previous Table Page",
@@ -6103,27 +6141,24 @@ var DataTable = ({
6103
6141
  onClick: () => table.previousPage(),
6104
6142
  disabled: !table.getCanPreviousPage(),
6105
6143
  className: cn(
6106
- props.direction === "ltr" && "hawa-rotate-180"
6144
+ props.direction === "rtl" && "hawa-rotate-180"
6107
6145
  )
6108
6146
  },
6109
6147
  /* @__PURE__ */ React45.createElement(
6110
6148
  "svg",
6111
6149
  {
6112
- "aria-label": "Chevron Right Icon",
6150
+ xmlns: "http://www.w3.org/2000/svg",
6151
+ width: "20",
6152
+ height: "20",
6153
+ "aria-label": "Single Chevron Icon",
6154
+ viewBox: "0 0 24 24",
6155
+ fill: "none",
6113
6156
  stroke: "currentColor",
6114
- fill: "currentColor",
6115
- strokeWidth: "0",
6116
- viewBox: "0 0 16 16",
6117
- height: "1em",
6118
- width: "1em"
6157
+ strokeWidth: "2",
6158
+ strokeLinecap: "round",
6159
+ strokeLinejoin: "round"
6119
6160
  },
6120
- /* @__PURE__ */ React45.createElement(
6121
- "path",
6122
- {
6123
- fillRule: "evenodd",
6124
- d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
6125
- }
6126
- )
6161
+ /* @__PURE__ */ React45.createElement("path", { d: "m15 18-6-6 6-6" })
6127
6162
  )
6128
6163
  ), /* @__PURE__ */ React45.createElement(
6129
6164
  Button,
@@ -6134,27 +6169,52 @@ var DataTable = ({
6134
6169
  onClick: () => table.nextPage(),
6135
6170
  disabled: !table.getCanNextPage(),
6136
6171
  className: cn(
6137
- props.direction === "rtl" && "hawa-rotate-180"
6172
+ props.direction === "ltr" && "hawa-rotate-180"
6138
6173
  )
6139
6174
  },
6140
6175
  /* @__PURE__ */ React45.createElement(
6141
6176
  "svg",
6142
6177
  {
6143
- "aria-label": "Chevron Right Icon",
6144
- fill: "currentColor",
6178
+ xmlns: "http://www.w3.org/2000/svg",
6179
+ width: "20",
6180
+ height: "20",
6181
+ "aria-label": "Single Chevron Icon",
6182
+ viewBox: "0 0 24 24",
6183
+ fill: "none",
6145
6184
  stroke: "currentColor",
6146
- width: "1em",
6147
- height: "1em",
6148
- strokeWidth: "0",
6149
- viewBox: "0 0 16 16"
6185
+ strokeWidth: "2",
6186
+ strokeLinecap: "round",
6187
+ strokeLinejoin: "round"
6150
6188
  },
6151
- /* @__PURE__ */ React45.createElement(
6152
- "path",
6153
- {
6154
- fillRule: "evenodd",
6155
- d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
6156
- }
6189
+ /* @__PURE__ */ React45.createElement("path", { d: "m15 18-6-6 6-6" })
6190
+ )
6191
+ ), /* @__PURE__ */ React45.createElement(
6192
+ Button,
6193
+ {
6194
+ "aria-label": "Next Table Page",
6195
+ variant: "outline",
6196
+ size: "smallIcon",
6197
+ onClick: () => table.setPageIndex(table.getPageCount() - 1),
6198
+ disabled: !table.getCanNextPage(),
6199
+ className: cn(
6200
+ props.direction === "ltr" && "hawa-rotate-180"
6157
6201
  )
6202
+ },
6203
+ /* @__PURE__ */ React45.createElement(
6204
+ "svg",
6205
+ {
6206
+ xmlns: "http://www.w3.org/2000/svg",
6207
+ width: "20",
6208
+ height: "20",
6209
+ viewBox: "0 0 24 24",
6210
+ fill: "none",
6211
+ stroke: "currentColor",
6212
+ strokeWidth: "2",
6213
+ strokeLinecap: "round",
6214
+ strokeLinejoin: "round"
6215
+ },
6216
+ /* @__PURE__ */ React45.createElement("path", { d: "m11 17-5-5 5-5" }),
6217
+ /* @__PURE__ */ React45.createElement("path", { d: "m18 17-5-5 5-5" })
6158
6218
  )
6159
6219
  ))))
6160
6220
  ));
package/dist/index.mjs CHANGED
@@ -2787,19 +2787,29 @@ var Tooltip = ({
2787
2787
  defaultOpen,
2788
2788
  onOpenChange,
2789
2789
  triggerProps,
2790
+ contentProps,
2791
+ providerProps,
2790
2792
  delayDuration = 300,
2791
2793
  ...props
2792
2794
  }) => {
2793
- return /* @__PURE__ */ React13.createElement(TooltipPrimitive.TooltipProvider, { delayDuration }, /* @__PURE__ */ React13.createElement(
2794
- TooltipPrimitive.Root,
2795
+ return /* @__PURE__ */ React13.createElement(
2796
+ TooltipPrimitive.TooltipProvider,
2795
2797
  {
2796
- open,
2797
- defaultOpen,
2798
- onOpenChange
2798
+ delayDuration,
2799
+ ...providerProps
2799
2800
  },
2800
- /* @__PURE__ */ React13.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
2801
- /* @__PURE__ */ React13.createElement(TooltipContent, { side, align: "center", ...props }, content)
2802
- ));
2801
+ /* @__PURE__ */ React13.createElement(
2802
+ TooltipPrimitive.Root,
2803
+ {
2804
+ open,
2805
+ defaultOpen,
2806
+ onOpenChange,
2807
+ ...props
2808
+ },
2809
+ /* @__PURE__ */ React13.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
2810
+ /* @__PURE__ */ React13.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
2811
+ )
2812
+ );
2803
2813
  };
2804
2814
 
2805
2815
  // components/elements/Label.tsx
@@ -5881,6 +5891,34 @@ var DataTable = ({
5881
5891
  onItemSelect: (e) => table.setPageSize(Number(e))
5882
5892
  }
5883
5893
  ), table.getPageCount() > 1 && /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm " }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React45.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React45.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React45.createElement(
5894
+ Button,
5895
+ {
5896
+ "aria-label": "Next Table Page",
5897
+ variant: "outline",
5898
+ size: "smallIcon",
5899
+ onClick: () => table.setPageIndex(0),
5900
+ disabled: !table.getCanPreviousPage(),
5901
+ className: cn(
5902
+ props.direction === "rtl" && "hawa-rotate-180"
5903
+ )
5904
+ },
5905
+ /* @__PURE__ */ React45.createElement(
5906
+ "svg",
5907
+ {
5908
+ xmlns: "http://www.w3.org/2000/svg",
5909
+ width: "20",
5910
+ height: "20",
5911
+ viewBox: "0 0 24 24",
5912
+ fill: "none",
5913
+ stroke: "currentColor",
5914
+ strokeWidth: "2",
5915
+ strokeLinecap: "round",
5916
+ strokeLinejoin: "round"
5917
+ },
5918
+ /* @__PURE__ */ React45.createElement("path", { d: "m11 17-5-5 5-5" }),
5919
+ /* @__PURE__ */ React45.createElement("path", { d: "m18 17-5-5 5-5" })
5920
+ )
5921
+ ), /* @__PURE__ */ React45.createElement(
5884
5922
  Button,
5885
5923
  {
5886
5924
  "aria-label": "Previous Table Page",
@@ -5889,27 +5927,24 @@ var DataTable = ({
5889
5927
  onClick: () => table.previousPage(),
5890
5928
  disabled: !table.getCanPreviousPage(),
5891
5929
  className: cn(
5892
- props.direction === "ltr" && "hawa-rotate-180"
5930
+ props.direction === "rtl" && "hawa-rotate-180"
5893
5931
  )
5894
5932
  },
5895
5933
  /* @__PURE__ */ React45.createElement(
5896
5934
  "svg",
5897
5935
  {
5898
- "aria-label": "Chevron Right Icon",
5936
+ xmlns: "http://www.w3.org/2000/svg",
5937
+ width: "20",
5938
+ height: "20",
5939
+ "aria-label": "Single Chevron Icon",
5940
+ viewBox: "0 0 24 24",
5941
+ fill: "none",
5899
5942
  stroke: "currentColor",
5900
- fill: "currentColor",
5901
- strokeWidth: "0",
5902
- viewBox: "0 0 16 16",
5903
- height: "1em",
5904
- width: "1em"
5943
+ strokeWidth: "2",
5944
+ strokeLinecap: "round",
5945
+ strokeLinejoin: "round"
5905
5946
  },
5906
- /* @__PURE__ */ React45.createElement(
5907
- "path",
5908
- {
5909
- fillRule: "evenodd",
5910
- d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
5911
- }
5912
- )
5947
+ /* @__PURE__ */ React45.createElement("path", { d: "m15 18-6-6 6-6" })
5913
5948
  )
5914
5949
  ), /* @__PURE__ */ React45.createElement(
5915
5950
  Button,
@@ -5920,27 +5955,52 @@ var DataTable = ({
5920
5955
  onClick: () => table.nextPage(),
5921
5956
  disabled: !table.getCanNextPage(),
5922
5957
  className: cn(
5923
- props.direction === "rtl" && "hawa-rotate-180"
5958
+ props.direction === "ltr" && "hawa-rotate-180"
5924
5959
  )
5925
5960
  },
5926
5961
  /* @__PURE__ */ React45.createElement(
5927
5962
  "svg",
5928
5963
  {
5929
- "aria-label": "Chevron Right Icon",
5930
- fill: "currentColor",
5964
+ xmlns: "http://www.w3.org/2000/svg",
5965
+ width: "20",
5966
+ height: "20",
5967
+ "aria-label": "Single Chevron Icon",
5968
+ viewBox: "0 0 24 24",
5969
+ fill: "none",
5931
5970
  stroke: "currentColor",
5932
- width: "1em",
5933
- height: "1em",
5934
- strokeWidth: "0",
5935
- viewBox: "0 0 16 16"
5971
+ strokeWidth: "2",
5972
+ strokeLinecap: "round",
5973
+ strokeLinejoin: "round"
5936
5974
  },
5937
- /* @__PURE__ */ React45.createElement(
5938
- "path",
5939
- {
5940
- fillRule: "evenodd",
5941
- d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
5942
- }
5975
+ /* @__PURE__ */ React45.createElement("path", { d: "m15 18-6-6 6-6" })
5976
+ )
5977
+ ), /* @__PURE__ */ React45.createElement(
5978
+ Button,
5979
+ {
5980
+ "aria-label": "Next Table Page",
5981
+ variant: "outline",
5982
+ size: "smallIcon",
5983
+ onClick: () => table.setPageIndex(table.getPageCount() - 1),
5984
+ disabled: !table.getCanNextPage(),
5985
+ className: cn(
5986
+ props.direction === "ltr" && "hawa-rotate-180"
5943
5987
  )
5988
+ },
5989
+ /* @__PURE__ */ React45.createElement(
5990
+ "svg",
5991
+ {
5992
+ xmlns: "http://www.w3.org/2000/svg",
5993
+ width: "20",
5994
+ height: "20",
5995
+ viewBox: "0 0 24 24",
5996
+ fill: "none",
5997
+ stroke: "currentColor",
5998
+ strokeWidth: "2",
5999
+ strokeLinecap: "round",
6000
+ strokeLinejoin: "round"
6001
+ },
6002
+ /* @__PURE__ */ React45.createElement("path", { d: "m11 17-5-5 5-5" }),
6003
+ /* @__PURE__ */ React45.createElement("path", { d: "m18 17-5-5 5-5" })
5944
6004
  )
5945
6005
  ))))
5946
6006
  ));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.18.12-next",
3
+ "version": "0.18.14-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",