@sikka/hawa 0.24.3-next → 0.24.4-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 (9) hide show
  1. package/dist/index.d.mts +10 -4
  2. package/dist/index.d.ts +10 -4
  3. package/dist/index.js +22 -22
  4. package/dist/index.mjs +22 -22
  5. package/dist/layout/index.d.mts +10 -4
  6. package/dist/layout/index.d.ts +10 -4
  7. package/dist/layout/index.js +22 -22
  8. package/dist/layout/index.mjs +22 -22
  9. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -1178,11 +1178,17 @@ declare const MenubarShortcut: {
1178
1178
  displayname: string;
1179
1179
  };
1180
1180
 
1181
+ type SingleAppTab = {
1182
+ label: string;
1183
+ value?: string;
1184
+ icon?: React__default.ReactNode;
1185
+ path?: string;
1186
+ action?: any;
1187
+ onMouseDown?: any;
1188
+ onClick?: any;
1189
+ };
1181
1190
  type AppTabsType = {
1182
- tabs: {
1183
- label: string;
1184
- icon?: React__default.ReactNode;
1185
- }[];
1191
+ tabs: SingleAppTab[];
1186
1192
  };
1187
1193
  declare const AppTabs: React__default.FC<AppTabsType>;
1188
1194
 
package/dist/index.d.ts CHANGED
@@ -1178,11 +1178,17 @@ declare const MenubarShortcut: {
1178
1178
  displayname: string;
1179
1179
  };
1180
1180
 
1181
+ type SingleAppTab = {
1182
+ label: string;
1183
+ value?: string;
1184
+ icon?: React__default.ReactNode;
1185
+ path?: string;
1186
+ action?: any;
1187
+ onMouseDown?: any;
1188
+ onClick?: any;
1189
+ };
1181
1190
  type AppTabsType = {
1182
- tabs: {
1183
- label: string;
1184
- icon?: React__default.ReactNode;
1185
- }[];
1191
+ tabs: SingleAppTab[];
1186
1192
  };
1187
1193
  declare const AppTabs: React__default.FC<AppTabsType>;
1188
1194
 
package/dist/index.js CHANGED
@@ -8810,33 +8810,33 @@ var AppTabs = ({ tabs, ...props }) => {
8810
8810
  return /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-w-full hawa-border-b hawa-bg-gray-100 hawa-p-6 hawa-pb-0 dark:hawa-bg-gray-900 " }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
8811
8811
  const selected = index === selectedIndex;
8812
8812
  return /* @__PURE__ */ import_react41.default.createElement(
8813
- AppSingleTab,
8813
+ "a",
8814
8814
  {
8815
+ href: tab.path,
8815
8816
  key: index,
8816
- tab,
8817
- onClick: () => setSelectedIndex(index),
8818
- isSelected: selected
8819
- }
8817
+ onMouseDown: (e) => {
8818
+ if (tab.onMouseDown) {
8819
+ tab.onMouseDown(e);
8820
+ }
8821
+ },
8822
+ onClick: (e) => {
8823
+ if (tab.onClick) {
8824
+ tab.onClick(e);
8825
+ }
8826
+ setSelectedIndex(index);
8827
+ },
8828
+ className: cn(
8829
+ "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
8830
+ "hawa-border",
8831
+ // Always have a border but make it transparent
8832
+ selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-gray-200 dark:hover:hawa-bg-gray-700"
8833
+ )
8834
+ },
8835
+ tab.icon && tab.icon,
8836
+ tab.label
8820
8837
  );
8821
8838
  })));
8822
8839
  };
8823
- var AppSingleTab = ({ tab, ...props }) => {
8824
- return /* @__PURE__ */ import_react41.default.createElement(
8825
- "div",
8826
- {
8827
- key: props.key,
8828
- onClick: props.onClick,
8829
- className: cn(
8830
- "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
8831
- "hawa-border",
8832
- // Always have a border but make it transparent
8833
- props.isSelected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-gray-200 dark:hover:hawa-bg-gray-700"
8834
- )
8835
- },
8836
- tab.icon && tab.icon,
8837
- tab.label
8838
- );
8839
- };
8840
8840
 
8841
8841
  // components/layout/DocsLayout.tsx
8842
8842
  var import_react44 = __toESM(require("react"));
package/dist/index.mjs CHANGED
@@ -8584,33 +8584,33 @@ var AppTabs = ({ tabs, ...props }) => {
8584
8584
  return /* @__PURE__ */ React69.createElement("div", { className: "hawa-w-full hawa-border-b hawa-bg-gray-100 hawa-p-6 hawa-pb-0 dark:hawa-bg-gray-900 " }, /* @__PURE__ */ React69.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
8585
8585
  const selected = index === selectedIndex;
8586
8586
  return /* @__PURE__ */ React69.createElement(
8587
- AppSingleTab,
8587
+ "a",
8588
8588
  {
8589
+ href: tab.path,
8589
8590
  key: index,
8590
- tab,
8591
- onClick: () => setSelectedIndex(index),
8592
- isSelected: selected
8593
- }
8591
+ onMouseDown: (e) => {
8592
+ if (tab.onMouseDown) {
8593
+ tab.onMouseDown(e);
8594
+ }
8595
+ },
8596
+ onClick: (e) => {
8597
+ if (tab.onClick) {
8598
+ tab.onClick(e);
8599
+ }
8600
+ setSelectedIndex(index);
8601
+ },
8602
+ className: cn(
8603
+ "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
8604
+ "hawa-border",
8605
+ // Always have a border but make it transparent
8606
+ selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-gray-200 dark:hover:hawa-bg-gray-700"
8607
+ )
8608
+ },
8609
+ tab.icon && tab.icon,
8610
+ tab.label
8594
8611
  );
8595
8612
  })));
8596
8613
  };
8597
- var AppSingleTab = ({ tab, ...props }) => {
8598
- return /* @__PURE__ */ React69.createElement(
8599
- "div",
8600
- {
8601
- key: props.key,
8602
- onClick: props.onClick,
8603
- className: cn(
8604
- "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
8605
- "hawa-border",
8606
- // Always have a border but make it transparent
8607
- props.isSelected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-gray-200 dark:hover:hawa-bg-gray-700"
8608
- )
8609
- },
8610
- tab.icon && tab.icon,
8611
- tab.label
8612
- );
8613
- };
8614
8614
 
8615
8615
  // components/layout/DocsLayout.tsx
8616
8616
  import React72, { useEffect as useEffect18, useRef as useRef10, useState as useState25 } from "react";
package/dist/layout/index.d.mts CHANGED
@@ -198,11 +198,17 @@ declare const MenubarShortcut: {
198
198
  displayname: string;
199
199
  };
200
200
 
201
+ type SingleAppTab = {
202
+ label: string;
203
+ value?: string;
204
+ icon?: React__default.ReactNode;
205
+ path?: string;
206
+ action?: any;
207
+ onMouseDown?: any;
208
+ onClick?: any;
209
+ };
201
210
  type AppTabsType = {
202
- tabs: {
203
- label: string;
204
- icon?: React__default.ReactNode;
205
- }[];
211
+ tabs: SingleAppTab[];
206
212
  };
207
213
  declare const AppTabs: React__default.FC<AppTabsType>;
208
214
 
package/dist/layout/index.d.ts CHANGED
@@ -198,11 +198,17 @@ declare const MenubarShortcut: {
198
198
  displayname: string;
199
199
  };
200
200
 
201
+ type SingleAppTab = {
202
+ label: string;
203
+ value?: string;
204
+ icon?: React__default.ReactNode;
205
+ path?: string;
206
+ action?: any;
207
+ onMouseDown?: any;
208
+ onClick?: any;
209
+ };
201
210
  type AppTabsType = {
202
- tabs: {
203
- label: string;
204
- icon?: React__default.ReactNode;
205
- }[];
211
+ tabs: SingleAppTab[];
206
212
  };
207
213
  declare const AppTabs: React__default.FC<AppTabsType>;
208
214
 
package/dist/layout/index.js CHANGED
@@ -1931,33 +1931,33 @@ var AppTabs = ({ tabs, ...props }) => {
1931
1931
  return /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-w-full hawa-border-b hawa-bg-gray-100 hawa-p-6 hawa-pb-0 dark:hawa-bg-gray-900 " }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
1932
1932
  const selected = index === selectedIndex;
1933
1933
  return /* @__PURE__ */ import_react10.default.createElement(
1934
- AppSingleTab,
1934
+ "a",
1935
1935
  {
1936
+ href: tab.path,
1936
1937
  key: index,
1937
- tab,
1938
- onClick: () => setSelectedIndex(index),
1939
- isSelected: selected
1940
- }
1938
+ onMouseDown: (e) => {
1939
+ if (tab.onMouseDown) {
1940
+ tab.onMouseDown(e);
1941
+ }
1942
+ },
1943
+ onClick: (e) => {
1944
+ if (tab.onClick) {
1945
+ tab.onClick(e);
1946
+ }
1947
+ setSelectedIndex(index);
1948
+ },
1949
+ className: cn(
1950
+ "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
1951
+ "hawa-border",
1952
+ // Always have a border but make it transparent
1953
+ selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-gray-200 dark:hover:hawa-bg-gray-700"
1954
+ )
1955
+ },
1956
+ tab.icon && tab.icon,
1957
+ tab.label
1941
1958
  );
1942
1959
  })));
1943
1960
  };
1944
- var AppSingleTab = ({ tab, ...props }) => {
1945
- return /* @__PURE__ */ import_react10.default.createElement(
1946
- "div",
1947
- {
1948
- key: props.key,
1949
- onClick: props.onClick,
1950
- className: cn(
1951
- "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
1952
- "hawa-border",
1953
- // Always have a border but make it transparent
1954
- props.isSelected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-gray-200 dark:hover:hawa-bg-gray-700"
1955
- )
1956
- },
1957
- tab.icon && tab.icon,
1958
- tab.label
1959
- );
1960
- };
1961
1961
 
1962
1962
  // components/layout/DocsLayout.tsx
1963
1963
  var import_react14 = __toESM(require("react"));
package/dist/layout/index.mjs CHANGED
@@ -1056,33 +1056,33 @@ var AppTabs = ({ tabs, ...props }) => {
1056
1056
  return /* @__PURE__ */ React8.createElement("div", { className: "hawa-w-full hawa-border-b hawa-bg-gray-100 hawa-p-6 hawa-pb-0 dark:hawa-bg-gray-900 " }, /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
1057
1057
  const selected = index === selectedIndex;
1058
1058
  return /* @__PURE__ */ React8.createElement(
1059
- AppSingleTab,
1059
+ "a",
1060
1060
  {
1061
+ href: tab.path,
1061
1062
  key: index,
1062
- tab,
1063
- onClick: () => setSelectedIndex(index),
1064
- isSelected: selected
1065
- }
1063
+ onMouseDown: (e) => {
1064
+ if (tab.onMouseDown) {
1065
+ tab.onMouseDown(e);
1066
+ }
1067
+ },
1068
+ onClick: (e) => {
1069
+ if (tab.onClick) {
1070
+ tab.onClick(e);
1071
+ }
1072
+ setSelectedIndex(index);
1073
+ },
1074
+ className: cn(
1075
+ "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
1076
+ "hawa-border",
1077
+ // Always have a border but make it transparent
1078
+ selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-gray-200 dark:hover:hawa-bg-gray-700"
1079
+ )
1080
+ },
1081
+ tab.icon && tab.icon,
1082
+ tab.label
1066
1083
  );
1067
1084
  })));
1068
1085
  };
1069
- var AppSingleTab = ({ tab, ...props }) => {
1070
- return /* @__PURE__ */ React8.createElement(
1071
- "div",
1072
- {
1073
- key: props.key,
1074
- onClick: props.onClick,
1075
- className: cn(
1076
- "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
1077
- "hawa-border",
1078
- // Always have a border but make it transparent
1079
- props.isSelected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-gray-200 dark:hover:hawa-bg-gray-700"
1080
- )
1081
- },
1082
- tab.icon && tab.icon,
1083
- tab.label
1084
- );
1085
- };
1086
1086
 
1087
1087
  // components/layout/DocsLayout.tsx
1088
1088
  import React10, { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.24.3-next",
3
+ "version": "0.24.4-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",