@sikka/hawa 0.24.4-next → 0.24.5-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.
- package/dist/accordion/index.d.mts +1 -2
- package/dist/accordion/index.d.ts +1 -2
- package/dist/accordion/index.mjs +219 -7
- package/dist/alert/index.d.mts +1 -1
- package/dist/alert/index.d.ts +1 -1
- package/dist/appLayout/index.d.mts +126 -0
- package/dist/appLayout/index.d.ts +126 -0
- package/dist/appLayout/index.js +1325 -0
- package/dist/appLayout/index.mjs +1285 -0
- package/dist/appMenubar/index.d.mts +33 -0
- package/dist/appMenubar/index.d.ts +33 -0
- package/dist/appMenubar/index.js +281 -0
- package/dist/appMenubar/index.mjs +224 -0
- package/dist/appTabs/index.d.mts +18 -0
- package/dist/appTabs/index.d.ts +18 -0
- package/dist/appTabs/index.js +92 -0
- package/dist/appTabs/index.mjs +50 -0
- package/dist/appTopbar/index.d.mts +44 -0
- package/dist/appTopbar/index.d.ts +44 -0
- package/dist/appTopbar/index.js +483 -0
- package/dist/appTopbar/index.mjs +441 -0
- package/dist/avatar/index.d.mts +5 -4
- package/dist/avatar/index.d.ts +5 -4
- package/dist/backToTop/index.mjs +353 -3
- package/dist/badge/index.d.mts +2 -2
- package/dist/badge/index.d.ts +2 -2
- package/dist/checkbox/index.d.mts +1 -2
- package/dist/checkbox/index.d.ts +1 -2
- package/dist/chip/index.d.mts +36 -2
- package/dist/chip/index.d.ts +36 -2
- package/dist/chip/index.mjs +83 -3
- package/dist/chunk-62GI5F2P.mjs +442 -0
- package/dist/chunk-7NCNPRCL.mjs +120 -0
- package/dist/{chunk-TNAHW35O.mjs → chunk-C2UYTGUD.mjs} +8 -4
- package/dist/{chunk-26FHSPJI.mjs → chunk-DGWAHQRX.mjs} +1 -101
- package/dist/chunk-LRLLDOQZ.mjs +178 -0
- package/dist/chunk-ND4BWUKH.mjs +34 -0
- package/dist/codeBlock/index.mjs +684 -310
- package/dist/colorPicker/index.d.mts +2 -1
- package/dist/colorPicker/index.d.ts +2 -1
- package/dist/colorPicker/index.mjs +2 -167
- package/dist/combobox/index.d.mts +9 -1
- package/dist/combobox/index.d.ts +9 -1
- package/dist/combobox/index.mjs +61 -393
- package/dist/command/index.mjs +10 -425
- package/dist/commonTypes-3J1E3b61.d.mts +6 -0
- package/dist/commonTypes-3J1E3b61.d.ts +6 -0
- package/dist/commonTypes-GhKAraJw.d.mts +4 -0
- package/dist/commonTypes-GhKAraJw.d.ts +4 -0
- package/dist/commonTypes-LrR8QrYP.d.mts +5 -0
- package/dist/commonTypes-LrR8QrYP.d.ts +5 -0
- package/dist/commonTypes-WPhcN3Vr.d.mts +5 -0
- package/dist/commonTypes-WPhcN3Vr.d.ts +5 -0
- package/dist/commonTypes-ko_NGEoT.d.mts +3 -0
- package/dist/commonTypes-ko_NGEoT.d.ts +3 -0
- package/dist/copyrights/index.d.mts +17 -0
- package/dist/copyrights/index.d.ts +17 -0
- package/dist/copyrights/index.js +45 -0
- package/dist/copyrights/index.mjs +8 -0
- package/dist/count/index.d.mts +11 -0
- package/dist/count/index.d.ts +11 -0
- package/dist/count/index.js +45 -0
- package/dist/count/index.mjs +8 -0
- package/dist/dataTable/index.d.mts +1 -1
- package/dist/dataTable/index.d.ts +1 -1
- package/dist/destroyableCard/index.d.mts +1 -1
- package/dist/destroyableCard/index.d.ts +1 -1
- package/dist/dialog/index.d.mts +1 -1
- package/dist/dialog/index.d.ts +1 -1
- package/dist/docsLayout/index.d.mts +37 -0
- package/dist/docsLayout/index.d.ts +37 -0
- package/dist/docsLayout/index.js +926 -0
- package/dist/docsLayout/index.mjs +886 -0
- package/dist/docsSidebar/index.d.mts +11 -0
- package/dist/docsSidebar/index.d.ts +11 -0
- package/dist/docsSidebar/index.js +111 -0
- package/dist/docsSidebar/index.mjs +69 -0
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +50 -41
- package/dist/index.mjs +50 -41
- package/dist/input/index.d.mts +2 -9
- package/dist/input/index.d.ts +2 -9
- package/dist/input/index.mjs +14 -98
- package/dist/interfaceSettings/index.d.mts +1 -1
- package/dist/interfaceSettings/index.d.ts +1 -1
- package/dist/interfaceSettings/index.mjs +24 -110
- package/dist/label/index.d.mts +1 -1
- package/dist/label/index.d.ts +1 -1
- package/dist/label/index.mjs +2 -87
- package/dist/layout/index.d.mts +1 -0
- package/dist/layout/index.d.ts +1 -0
- package/dist/layout/index.js +53 -44
- package/dist/layout/index.mjs +50 -41
- package/dist/navbar/index.d.mts +17 -0
- package/dist/navbar/index.d.ts +17 -0
- package/dist/navbar/index.js +166 -0
- package/dist/navbar/index.mjs +126 -0
- package/dist/pagination/index.d.mts +1 -1
- package/dist/pagination/index.d.ts +1 -1
- package/dist/passwordInput/index.mjs +27 -137
- package/dist/phoneInput/index.mjs +19 -129
- package/dist/radio/index.d.mts +1 -4
- package/dist/radio/index.d.ts +1 -4
- package/dist/scrollArea/index.d.mts +1 -1
- package/dist/scrollArea/index.d.ts +1 -1
- package/dist/select/index.d.mts +1 -1
- package/dist/select/index.d.ts +1 -1
- package/dist/separator/index.d.mts +1 -1
- package/dist/separator/index.d.ts +1 -1
- package/dist/sidebar/index.d.mts +48 -0
- package/dist/sidebar/index.d.ts +48 -0
- package/dist/sidebar/index.js +341 -0
- package/dist/sidebar/index.mjs +298 -0
- package/dist/simpleTable/index.d.mts +4 -3
- package/dist/simpleTable/index.d.ts +4 -3
- package/dist/simpleTable/index.mjs +21 -45
- package/dist/skeleton/index.d.mts +3 -3
- package/dist/skeleton/index.d.ts +3 -3
- package/dist/skeleton/index.mjs +3 -29
- package/dist/sortButton/index.mjs +9 -260
- package/dist/splitButton/index.d.mts +4 -3
- package/dist/splitButton/index.d.ts +4 -3
- package/dist/splitButton/index.mjs +10 -259
- package/dist/stats/index.d.mts +19 -0
- package/dist/stats/index.d.ts +19 -0
- package/dist/stats/index.js +191 -0
- package/dist/stats/index.mjs +154 -0
- package/dist/stopPropagationWrapper/index.d.mts +2 -2
- package/dist/stopPropagationWrapper/index.d.ts +2 -2
- package/dist/switch/index.d.mts +2 -1
- package/dist/switch/index.d.ts +2 -1
- package/dist/tabs/index.d.mts +19 -1
- package/dist/tabs/index.d.ts +19 -1
- package/dist/tabs/index.mjs +94 -14
- package/dist/textarea/index.d.mts +8 -1
- package/dist/textarea/index.d.ts +8 -1
- package/dist/textarea/index.mjs +92 -8
- package/dist/toast/index.d.mts +1 -1
- package/dist/toast/index.d.ts +1 -1
- package/package.json +1 -1
- package/dist/Label-fkQ4ebuH.d.mts +0 -12
- package/dist/Label-fkQ4ebuH.d.ts +0 -12
- package/dist/chunk-72HYR6WB.mjs +0 -88
- package/dist/chunk-JYSC6GKM.mjs +0 -229
- package/dist/commonTypes-3k5cNB1s.d.mts +0 -4
- package/dist/commonTypes-3k5cNB1s.d.ts +0 -4
- package/dist/commonTypes-N7XOVCit.d.mts +0 -5
- package/dist/commonTypes-N7XOVCit.d.ts +0 -5
- package/dist/index-DUZFcPRO.d.mts +0 -38
- package/dist/index-DUZFcPRO.d.ts +0 -38
@@ -0,0 +1,11 @@
|
|
1
|
+
import React__default from 'react';
|
2
|
+
import { D as DirectionType } from '../commonTypes-ko_NGEoT.mjs';
|
3
|
+
|
4
|
+
type DocsSidebarType = {
|
5
|
+
pages: any[];
|
6
|
+
currentPage?: string;
|
7
|
+
direction?: DirectionType;
|
8
|
+
};
|
9
|
+
declare const DocsSidebar: React__default.FC<DocsSidebarType>;
|
10
|
+
|
11
|
+
export { DocsSidebar };
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import React__default from 'react';
|
2
|
+
import { D as DirectionType } from '../commonTypes-ko_NGEoT.js';
|
3
|
+
|
4
|
+
type DocsSidebarType = {
|
5
|
+
pages: any[];
|
6
|
+
currentPage?: string;
|
7
|
+
direction?: DirectionType;
|
8
|
+
};
|
9
|
+
declare const DocsSidebar: React__default.FC<DocsSidebarType>;
|
10
|
+
|
11
|
+
export { DocsSidebar };
|
@@ -0,0 +1,111 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __create = Object.create;
|
3
|
+
var __defProp = Object.defineProperty;
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
8
|
+
var __export = (target, all) => {
|
9
|
+
for (var name in all)
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
11
|
+
};
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
14
|
+
for (let key of __getOwnPropNames(from))
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
17
|
+
}
|
18
|
+
return to;
|
19
|
+
};
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
26
|
+
mod
|
27
|
+
));
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
29
|
+
|
30
|
+
// components/layout/docsSidebar/index.ts
|
31
|
+
var docsSidebar_exports = {};
|
32
|
+
__export(docsSidebar_exports, {
|
33
|
+
DocsSidebar: () => DocsSidebar
|
34
|
+
});
|
35
|
+
module.exports = __toCommonJS(docsSidebar_exports);
|
36
|
+
|
37
|
+
// components/layout/docsSidebar/DocsSidebar.tsx
|
38
|
+
var import_react = __toESM(require("react"));
|
39
|
+
|
40
|
+
// components/util.ts
|
41
|
+
var import_clsx = require("clsx");
|
42
|
+
var import_tailwind_merge = require("tailwind-merge");
|
43
|
+
function cn(...inputs) {
|
44
|
+
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
45
|
+
}
|
46
|
+
|
47
|
+
// components/layout/docsSidebar/DocsSidebar.tsx
|
48
|
+
var DocsSidebar = ({
|
49
|
+
currentPage: propCurrentPage,
|
50
|
+
pages,
|
51
|
+
direction
|
52
|
+
}) => {
|
53
|
+
const [activePage, setActivePage] = import_react.default.useState(pages[0]);
|
54
|
+
const handlePageClick = (page, event) => {
|
55
|
+
event.preventDefault();
|
56
|
+
setTimeout(() => {
|
57
|
+
setActivePage(page);
|
58
|
+
}, 50);
|
59
|
+
const element = document.getElementById(page);
|
60
|
+
element == null ? void 0 : element.scrollIntoView({ behavior: "smooth", block: "start" });
|
61
|
+
};
|
62
|
+
const getCurrentSection = () => {
|
63
|
+
for (let i = pages.length - 1; i >= 0; i--) {
|
64
|
+
const page = pages[i];
|
65
|
+
const element = document.getElementById(page);
|
66
|
+
const rect = element == null ? void 0 : element.getBoundingClientRect();
|
67
|
+
if (rect) {
|
68
|
+
if (rect.top < window.innerHeight && rect.bottom >= 0) {
|
69
|
+
return page;
|
70
|
+
}
|
71
|
+
}
|
72
|
+
}
|
73
|
+
return pages[0];
|
74
|
+
};
|
75
|
+
import_react.default.useEffect(() => {
|
76
|
+
const handleScroll = () => {
|
77
|
+
setActivePage(getCurrentSection());
|
78
|
+
};
|
79
|
+
window.addEventListener("scroll", handleScroll);
|
80
|
+
return () => {
|
81
|
+
window.removeEventListener("scroll", handleScroll);
|
82
|
+
};
|
83
|
+
}, []);
|
84
|
+
let selectedStyles = {
|
85
|
+
rtl: "hawa-border-r-4 hawa-border-primary hawa-border-collapse hawa-bg-gray-200",
|
86
|
+
ltr: "hawa-border-l-4 hawa-border-primary hawa-border-collapse hawa-bg-gray-200"
|
87
|
+
};
|
88
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
89
|
+
"div",
|
90
|
+
{
|
91
|
+
className: "hawa-flex hawa-flex-col hawa-overflow-x-clip",
|
92
|
+
dir: direction
|
93
|
+
},
|
94
|
+
pages.map((page, index) => /* @__PURE__ */ import_react.default.createElement(
|
95
|
+
"div",
|
96
|
+
{
|
97
|
+
key: index,
|
98
|
+
className: cn(
|
99
|
+
"hawa-cursor-pointer hawa-whitespace-nowrap hawa-px-3 hawa-py-1 hawa-text-xs hawa-transition-all hover:hawa-bg-gray-100",
|
100
|
+
(propCurrentPage || activePage) === page ? selectedStyles[direction || "rtl"] : ""
|
101
|
+
),
|
102
|
+
onClick: (event) => handlePageClick(page, event)
|
103
|
+
},
|
104
|
+
page
|
105
|
+
))
|
106
|
+
);
|
107
|
+
};
|
108
|
+
// Annotate the CommonJS export names for ESM import in node:
|
109
|
+
0 && (module.exports = {
|
110
|
+
DocsSidebar
|
111
|
+
});
|
@@ -0,0 +1,69 @@
|
|
1
|
+
import {
|
2
|
+
cn
|
3
|
+
} from "../chunk-TE3BKEXL.mjs";
|
4
|
+
|
5
|
+
// components/layout/docsSidebar/DocsSidebar.tsx
|
6
|
+
import React from "react";
|
7
|
+
var DocsSidebar = ({
|
8
|
+
currentPage: propCurrentPage,
|
9
|
+
pages,
|
10
|
+
direction
|
11
|
+
}) => {
|
12
|
+
const [activePage, setActivePage] = React.useState(pages[0]);
|
13
|
+
const handlePageClick = (page, event) => {
|
14
|
+
event.preventDefault();
|
15
|
+
setTimeout(() => {
|
16
|
+
setActivePage(page);
|
17
|
+
}, 50);
|
18
|
+
const element = document.getElementById(page);
|
19
|
+
element == null ? void 0 : element.scrollIntoView({ behavior: "smooth", block: "start" });
|
20
|
+
};
|
21
|
+
const getCurrentSection = () => {
|
22
|
+
for (let i = pages.length - 1; i >= 0; i--) {
|
23
|
+
const page = pages[i];
|
24
|
+
const element = document.getElementById(page);
|
25
|
+
const rect = element == null ? void 0 : element.getBoundingClientRect();
|
26
|
+
if (rect) {
|
27
|
+
if (rect.top < window.innerHeight && rect.bottom >= 0) {
|
28
|
+
return page;
|
29
|
+
}
|
30
|
+
}
|
31
|
+
}
|
32
|
+
return pages[0];
|
33
|
+
};
|
34
|
+
React.useEffect(() => {
|
35
|
+
const handleScroll = () => {
|
36
|
+
setActivePage(getCurrentSection());
|
37
|
+
};
|
38
|
+
window.addEventListener("scroll", handleScroll);
|
39
|
+
return () => {
|
40
|
+
window.removeEventListener("scroll", handleScroll);
|
41
|
+
};
|
42
|
+
}, []);
|
43
|
+
let selectedStyles = {
|
44
|
+
rtl: "hawa-border-r-4 hawa-border-primary hawa-border-collapse hawa-bg-gray-200",
|
45
|
+
ltr: "hawa-border-l-4 hawa-border-primary hawa-border-collapse hawa-bg-gray-200"
|
46
|
+
};
|
47
|
+
return /* @__PURE__ */ React.createElement(
|
48
|
+
"div",
|
49
|
+
{
|
50
|
+
className: "hawa-flex hawa-flex-col hawa-overflow-x-clip",
|
51
|
+
dir: direction
|
52
|
+
},
|
53
|
+
pages.map((page, index) => /* @__PURE__ */ React.createElement(
|
54
|
+
"div",
|
55
|
+
{
|
56
|
+
key: index,
|
57
|
+
className: cn(
|
58
|
+
"hawa-cursor-pointer hawa-whitespace-nowrap hawa-px-3 hawa-py-1 hawa-text-xs hawa-transition-all hover:hawa-bg-gray-100",
|
59
|
+
(propCurrentPage || activePage) === page ? selectedStyles[direction || "rtl"] : ""
|
60
|
+
),
|
61
|
+
onClick: (event) => handlePageClick(page, event)
|
62
|
+
},
|
63
|
+
page
|
64
|
+
))
|
65
|
+
);
|
66
|
+
};
|
67
|
+
export {
|
68
|
+
DocsSidebar
|
69
|
+
};
|
package/dist/index.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
@@ -7773,7 +7773,7 @@ var InterfaceSettings = ({
|
|
7773
7773
|
));
|
7774
7774
|
};
|
7775
7775
|
|
7776
|
-
// components/layout/Stats.tsx
|
7776
|
+
// components/layout/stats/Stats.tsx
|
7777
7777
|
var import_react36 = __toESM(require("react"));
|
7778
7778
|
var Stats = ({
|
7779
7779
|
label,
|
@@ -7806,7 +7806,7 @@ var Stats = ({
|
|
7806
7806
|
), chart && (isLoading ? /* @__PURE__ */ import_react36.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
|
7807
7807
|
};
|
7808
7808
|
|
7809
|
-
// components/layout/Sidebar.tsx
|
7809
|
+
// components/layout/sidebar/Sidebar.tsx
|
7810
7810
|
var React63 = __toESM(require("react"));
|
7811
7811
|
var AccordionPrimitive6 = __toESM(require("@radix-ui/react-accordion"));
|
7812
7812
|
var Accordion2 = AccordionPrimitive6.Root;
|
@@ -8014,13 +8014,13 @@ var SidebarItem = ({
|
|
8014
8014
|
}
|
8015
8015
|
};
|
8016
8016
|
|
8017
|
-
// components/layout/Copyrights.tsx
|
8017
|
+
// components/layout/copyrights/Copyrights.tsx
|
8018
8018
|
var import_react37 = __toESM(require("react"));
|
8019
8019
|
var Copyrights = (props) => {
|
8020
8020
|
return /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-my-2 hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-1 hawa-text-xs hawa-text-gray-400" }, props.withLogo ? /* @__PURE__ */ import_react37.default.createElement("a", { href: props.onLogoClicked }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-cursor-pointer" }, /* @__PURE__ */ import_react37.default.createElement("image", { href: props.logoURL, width: 100, height: 50 }))) : null, /* @__PURE__ */ import_react37.default.createElement("div", null, props.version), props.credits ? props.credits : null);
|
8021
8021
|
};
|
8022
8022
|
|
8023
|
-
// components/layout/Navbar.tsx
|
8023
|
+
// components/layout/navbar/Navbar.tsx
|
8024
8024
|
var import_react38 = __toESM(require("react"));
|
8025
8025
|
|
8026
8026
|
// components/elements/collapsible/Collapsible.tsx
|
@@ -8029,7 +8029,7 @@ var Collapsible = CollapsiblePrimitive.Root;
|
|
8029
8029
|
var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
|
8030
8030
|
var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
|
8031
8031
|
|
8032
|
-
// components/layout/Navbar.tsx
|
8032
|
+
// components/layout/navbar/Navbar.tsx
|
8033
8033
|
var Navbar = ({
|
8034
8034
|
backgroundColor,
|
8035
8035
|
logo,
|
@@ -8140,7 +8140,7 @@ var Navbar = ({
|
|
8140
8140
|
));
|
8141
8141
|
};
|
8142
8142
|
|
8143
|
-
// components/layout/AppLayout.tsx
|
8143
|
+
// components/layout/appLayout/AppLayout.tsx
|
8144
8144
|
var import_react39 = __toESM(require("react"));
|
8145
8145
|
var AppLayout = ({
|
8146
8146
|
profileMenuWidth = "default",
|
@@ -8495,7 +8495,7 @@ var MenuIcon = () => /* @__PURE__ */ import_react39.default.createElement(
|
|
8495
8495
|
)
|
8496
8496
|
);
|
8497
8497
|
|
8498
|
-
// components/layout/AppTopbar.tsx
|
8498
|
+
// components/layout/appTopbar/AppTopbar.tsx
|
8499
8499
|
var import_react40 = __toESM(require("react"));
|
8500
8500
|
var AppTopbar = ({ ...props }) => {
|
8501
8501
|
const isRTL = props.direction === "ltr";
|
@@ -8600,7 +8600,7 @@ var AppTopbar = ({ ...props }) => {
|
|
8600
8600
|
);
|
8601
8601
|
};
|
8602
8602
|
|
8603
|
-
// components/layout/AppMenubar.tsx
|
8603
|
+
// components/layout/appMenubar/AppMenubar.tsx
|
8604
8604
|
var React68 = __toESM(require("react"));
|
8605
8605
|
var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"));
|
8606
8606
|
var MenubarMenu = MenubarPrimitive.Menu;
|
@@ -8803,42 +8803,51 @@ var MenubarShortcut = ({
|
|
8803
8803
|
};
|
8804
8804
|
MenubarShortcut.displayname = "MenubarShortcut";
|
8805
8805
|
|
8806
|
-
// components/layout/AppTabs.tsx
|
8806
|
+
// components/layout/appTabs/AppTabs.tsx
|
8807
8807
|
var import_react41 = __toESM(require("react"));
|
8808
|
-
var AppTabs = ({ tabs,
|
8808
|
+
var AppTabs = ({ tabs, className }) => {
|
8809
8809
|
const [selectedIndex, setSelectedIndex] = (0, import_react41.useState)(0);
|
8810
|
-
return /* @__PURE__ */ import_react41.default.createElement(
|
8811
|
-
|
8812
|
-
|
8813
|
-
|
8814
|
-
|
8815
|
-
|
8816
|
-
|
8817
|
-
|
8818
|
-
|
8819
|
-
|
8820
|
-
|
8821
|
-
|
8822
|
-
|
8823
|
-
|
8824
|
-
|
8825
|
-
|
8826
|
-
|
8810
|
+
return /* @__PURE__ */ import_react41.default.createElement(
|
8811
|
+
"div",
|
8812
|
+
{
|
8813
|
+
className: cn(
|
8814
|
+
"hawa-w-full hawa-border-b hawa-bg-card hawa-p-6 hawa-pb-0",
|
8815
|
+
className
|
8816
|
+
)
|
8817
|
+
},
|
8818
|
+
/* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
|
8819
|
+
const selected = index === selectedIndex;
|
8820
|
+
return /* @__PURE__ */ import_react41.default.createElement(
|
8821
|
+
"a",
|
8822
|
+
{
|
8823
|
+
href: tab.path,
|
8824
|
+
key: index,
|
8825
|
+
onMouseDown: (e) => {
|
8826
|
+
if (tab.onMouseDown) {
|
8827
|
+
tab.onMouseDown(e);
|
8828
|
+
}
|
8829
|
+
},
|
8830
|
+
onClick: (e) => {
|
8831
|
+
if (tab.onClick) {
|
8832
|
+
tab.onClick(e);
|
8833
|
+
}
|
8834
|
+
setSelectedIndex(index);
|
8835
|
+
},
|
8836
|
+
className: cn(
|
8837
|
+
"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 ",
|
8838
|
+
"hawa-border",
|
8839
|
+
// Always have a border but make it transparent
|
8840
|
+
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"
|
8841
|
+
)
|
8827
8842
|
},
|
8828
|
-
|
8829
|
-
|
8830
|
-
|
8831
|
-
|
8832
|
-
|
8833
|
-
)
|
8834
|
-
},
|
8835
|
-
tab.icon && tab.icon,
|
8836
|
-
tab.label
|
8837
|
-
);
|
8838
|
-
})));
|
8843
|
+
tab.icon && tab.icon,
|
8844
|
+
tab.label
|
8845
|
+
);
|
8846
|
+
}))
|
8847
|
+
);
|
8839
8848
|
};
|
8840
8849
|
|
8841
|
-
// components/layout/DocsLayout.tsx
|
8850
|
+
// components/layout/docsLayout/DocsLayout.tsx
|
8842
8851
|
var import_react44 = __toESM(require("react"));
|
8843
8852
|
|
8844
8853
|
// components/hooks/useBreakpoint.ts
|
@@ -8860,7 +8869,7 @@ var useBreakpoint = () => {
|
|
8860
8869
|
return breakpoint;
|
8861
8870
|
};
|
8862
8871
|
|
8863
|
-
// components/layout/DocsSidebar.tsx
|
8872
|
+
// components/layout/docsSidebar/DocsSidebar.tsx
|
8864
8873
|
var import_react43 = __toESM(require("react"));
|
8865
8874
|
var DocsSidebar = ({
|
8866
8875
|
currentPage: propCurrentPage,
|
@@ -8923,7 +8932,7 @@ var DocsSidebar = ({
|
|
8923
8932
|
);
|
8924
8933
|
};
|
8925
8934
|
|
8926
|
-
// components/layout/DocsLayout.tsx
|
8935
|
+
// components/layout/docsLayout/DocsLayout.tsx
|
8927
8936
|
var DocsLayout = ({
|
8928
8937
|
direction = "ltr",
|
8929
8938
|
drawerSize = "md",
|
package/dist/index.mjs
CHANGED
@@ -7547,7 +7547,7 @@ var InterfaceSettings = ({
|
|
7547
7547
|
));
|
7548
7548
|
};
|
7549
7549
|
|
7550
|
-
// components/layout/Stats.tsx
|
7550
|
+
// components/layout/stats/Stats.tsx
|
7551
7551
|
import React62 from "react";
|
7552
7552
|
var Stats = ({
|
7553
7553
|
label,
|
@@ -7580,7 +7580,7 @@ var Stats = ({
|
|
7580
7580
|
), chart && (isLoading ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
|
7581
7581
|
};
|
7582
7582
|
|
7583
|
-
// components/layout/Sidebar.tsx
|
7583
|
+
// components/layout/sidebar/Sidebar.tsx
|
7584
7584
|
import * as React63 from "react";
|
7585
7585
|
import * as AccordionPrimitive6 from "@radix-ui/react-accordion";
|
7586
7586
|
var Accordion2 = AccordionPrimitive6.Root;
|
@@ -7788,13 +7788,13 @@ var SidebarItem = ({
|
|
7788
7788
|
}
|
7789
7789
|
};
|
7790
7790
|
|
7791
|
-
// components/layout/Copyrights.tsx
|
7791
|
+
// components/layout/copyrights/Copyrights.tsx
|
7792
7792
|
import React64 from "react";
|
7793
7793
|
var Copyrights = (props) => {
|
7794
7794
|
return /* @__PURE__ */ React64.createElement("div", { className: "hawa-my-2 hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-1 hawa-text-xs hawa-text-gray-400" }, props.withLogo ? /* @__PURE__ */ React64.createElement("a", { href: props.onLogoClicked }, /* @__PURE__ */ React64.createElement("div", { className: "hawa-cursor-pointer" }, /* @__PURE__ */ React64.createElement("image", { href: props.logoURL, width: 100, height: 50 }))) : null, /* @__PURE__ */ React64.createElement("div", null, props.version), props.credits ? props.credits : null);
|
7795
7795
|
};
|
7796
7796
|
|
7797
|
-
// components/layout/Navbar.tsx
|
7797
|
+
// components/layout/navbar/Navbar.tsx
|
7798
7798
|
import React65, { useState as useState21 } from "react";
|
7799
7799
|
|
7800
7800
|
// components/elements/collapsible/Collapsible.tsx
|
@@ -7803,7 +7803,7 @@ var Collapsible = CollapsiblePrimitive.Root;
|
|
7803
7803
|
var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
|
7804
7804
|
var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
|
7805
7805
|
|
7806
|
-
// components/layout/Navbar.tsx
|
7806
|
+
// components/layout/navbar/Navbar.tsx
|
7807
7807
|
var Navbar = ({
|
7808
7808
|
backgroundColor,
|
7809
7809
|
logo,
|
@@ -7914,7 +7914,7 @@ var Navbar = ({
|
|
7914
7914
|
));
|
7915
7915
|
};
|
7916
7916
|
|
7917
|
-
// components/layout/AppLayout.tsx
|
7917
|
+
// components/layout/appLayout/AppLayout.tsx
|
7918
7918
|
import React66, { useEffect as useEffect16, useRef as useRef9, useState as useState22 } from "react";
|
7919
7919
|
var AppLayout = ({
|
7920
7920
|
profileMenuWidth = "default",
|
@@ -8269,7 +8269,7 @@ var MenuIcon = () => /* @__PURE__ */ React66.createElement(
|
|
8269
8269
|
)
|
8270
8270
|
);
|
8271
8271
|
|
8272
|
-
// components/layout/AppTopbar.tsx
|
8272
|
+
// components/layout/appTopbar/AppTopbar.tsx
|
8273
8273
|
import React67 from "react";
|
8274
8274
|
var AppTopbar = ({ ...props }) => {
|
8275
8275
|
const isRTL = props.direction === "ltr";
|
@@ -8374,7 +8374,7 @@ var AppTopbar = ({ ...props }) => {
|
|
8374
8374
|
);
|
8375
8375
|
};
|
8376
8376
|
|
8377
|
-
// components/layout/AppMenubar.tsx
|
8377
|
+
// components/layout/appMenubar/AppMenubar.tsx
|
8378
8378
|
import * as React68 from "react";
|
8379
8379
|
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
8380
8380
|
var MenubarMenu = MenubarPrimitive.Menu;
|
@@ -8577,42 +8577,51 @@ var MenubarShortcut = ({
|
|
8577
8577
|
};
|
8578
8578
|
MenubarShortcut.displayname = "MenubarShortcut";
|
8579
8579
|
|
8580
|
-
// components/layout/AppTabs.tsx
|
8580
|
+
// components/layout/appTabs/AppTabs.tsx
|
8581
8581
|
import React69, { useState as useState23 } from "react";
|
8582
|
-
var AppTabs = ({ tabs,
|
8582
|
+
var AppTabs = ({ tabs, className }) => {
|
8583
8583
|
const [selectedIndex, setSelectedIndex] = useState23(0);
|
8584
|
-
return /* @__PURE__ */ React69.createElement(
|
8585
|
-
|
8586
|
-
|
8587
|
-
|
8588
|
-
|
8589
|
-
|
8590
|
-
|
8591
|
-
|
8592
|
-
|
8593
|
-
|
8594
|
-
|
8595
|
-
|
8596
|
-
|
8597
|
-
|
8598
|
-
|
8599
|
-
|
8600
|
-
|
8584
|
+
return /* @__PURE__ */ React69.createElement(
|
8585
|
+
"div",
|
8586
|
+
{
|
8587
|
+
className: cn(
|
8588
|
+
"hawa-w-full hawa-border-b hawa-bg-card hawa-p-6 hawa-pb-0",
|
8589
|
+
className
|
8590
|
+
)
|
8591
|
+
},
|
8592
|
+
/* @__PURE__ */ React69.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
|
8593
|
+
const selected = index === selectedIndex;
|
8594
|
+
return /* @__PURE__ */ React69.createElement(
|
8595
|
+
"a",
|
8596
|
+
{
|
8597
|
+
href: tab.path,
|
8598
|
+
key: index,
|
8599
|
+
onMouseDown: (e) => {
|
8600
|
+
if (tab.onMouseDown) {
|
8601
|
+
tab.onMouseDown(e);
|
8602
|
+
}
|
8603
|
+
},
|
8604
|
+
onClick: (e) => {
|
8605
|
+
if (tab.onClick) {
|
8606
|
+
tab.onClick(e);
|
8607
|
+
}
|
8608
|
+
setSelectedIndex(index);
|
8609
|
+
},
|
8610
|
+
className: cn(
|
8611
|
+
"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 ",
|
8612
|
+
"hawa-border",
|
8613
|
+
// Always have a border but make it transparent
|
8614
|
+
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"
|
8615
|
+
)
|
8601
8616
|
},
|
8602
|
-
|
8603
|
-
|
8604
|
-
|
8605
|
-
|
8606
|
-
|
8607
|
-
)
|
8608
|
-
},
|
8609
|
-
tab.icon && tab.icon,
|
8610
|
-
tab.label
|
8611
|
-
);
|
8612
|
-
})));
|
8617
|
+
tab.icon && tab.icon,
|
8618
|
+
tab.label
|
8619
|
+
);
|
8620
|
+
}))
|
8621
|
+
);
|
8613
8622
|
};
|
8614
8623
|
|
8615
|
-
// components/layout/DocsLayout.tsx
|
8624
|
+
// components/layout/docsLayout/DocsLayout.tsx
|
8616
8625
|
import React72, { useEffect as useEffect18, useRef as useRef10, useState as useState25 } from "react";
|
8617
8626
|
|
8618
8627
|
// components/hooks/useBreakpoint.ts
|
@@ -8634,7 +8643,7 @@ var useBreakpoint = () => {
|
|
8634
8643
|
return breakpoint;
|
8635
8644
|
};
|
8636
8645
|
|
8637
|
-
// components/layout/DocsSidebar.tsx
|
8646
|
+
// components/layout/docsSidebar/DocsSidebar.tsx
|
8638
8647
|
import React71 from "react";
|
8639
8648
|
var DocsSidebar = ({
|
8640
8649
|
currentPage: propCurrentPage,
|
@@ -8697,7 +8706,7 @@ var DocsSidebar = ({
|
|
8697
8706
|
);
|
8698
8707
|
};
|
8699
8708
|
|
8700
|
-
// components/layout/DocsLayout.tsx
|
8709
|
+
// components/layout/docsLayout/DocsLayout.tsx
|
8701
8710
|
var DocsLayout = ({
|
8702
8711
|
direction = "ltr",
|
8703
8712
|
drawerSize = "md",
|
package/dist/input/index.d.mts
CHANGED
@@ -1,13 +1,6 @@
|
|
1
|
-
import * as React from 'react';
|
2
1
|
import React__default from 'react';
|
3
|
-
import {
|
4
|
-
|
5
|
-
type LabelProps = {
|
6
|
-
hint?: React.ReactNode;
|
7
|
-
hintSide?: PositionType;
|
8
|
-
htmlFor?: string;
|
9
|
-
required?: boolean;
|
10
|
-
};
|
2
|
+
import { LabelProps } from '../label/index.mjs';
|
3
|
+
import '../commonTypes-GhKAraJw.mjs';
|
11
4
|
|
12
5
|
declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
|
13
6
|
isLoading?: boolean | undefined;
|
package/dist/input/index.d.ts
CHANGED
@@ -1,13 +1,6 @@
|
|
1
|
-
import * as React from 'react';
|
2
1
|
import React__default from 'react';
|
3
|
-
import {
|
4
|
-
|
5
|
-
type LabelProps = {
|
6
|
-
hint?: React.ReactNode;
|
7
|
-
hintSide?: PositionType;
|
8
|
-
htmlFor?: string;
|
9
|
-
required?: boolean;
|
10
|
-
};
|
2
|
+
import { LabelProps } from '../label/index.js';
|
3
|
+
import '../commonTypes-GhKAraJw.js';
|
11
4
|
|
12
5
|
declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
|
13
6
|
isLoading?: boolean | undefined;
|