@docubook/ui-react 0.1.0 → 0.1.2
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/README.md +1 -1
- package/dist/breadcrumbs.cjs +3 -3
- package/dist/breadcrumbs.js +2 -3
- package/dist/{chunk-7HHY2WDF.cjs → chunk-2DFF5NEL.cjs} +3 -1
- package/dist/chunk-4QUABBES.js +43 -0
- package/dist/{chunk-BCJ3FW3Y.cjs → chunk-5SA5UPFQ.cjs} +3 -3
- package/dist/{chunk-IBKH77YN.js → chunk-5UVG5YY5.js} +1 -2
- package/dist/{chunk-LJV3UIMK.cjs → chunk-6B7U7IWT.cjs} +7 -7
- package/dist/{chunk-LUO4YXRQ.js → chunk-7BWAXCW2.js} +1 -2
- package/dist/{chunk-FGJ6EYLA.js → chunk-AQP3U2YN.js} +1 -2
- package/dist/{chunk-PB4SHWMJ.cjs → chunk-BHHZBMD4.cjs} +9 -9
- package/dist/{chunk-QZH7EIFW.js → chunk-FQQILPIP.js} +1 -2
- package/dist/{chunk-NJKWNMJF.js → chunk-GRADTONK.js} +3 -2
- package/dist/{chunk-54N6HTQV.cjs → chunk-HTH2UTCL.cjs} +5 -5
- package/dist/chunk-K22HSWMW.cjs +43 -0
- package/dist/{chunk-VRODU4ZV.cjs → chunk-K6B7XOJ5.cjs} +3 -3
- package/dist/{chunk-EJCGJCVK.cjs → chunk-LUVR2YGT.cjs} +10 -10
- package/dist/{chunk-42YUT467.cjs → chunk-MWJV72OM.cjs} +6 -6
- package/dist/{chunk-I4CZWV3M.js → chunk-ND7BTYGG.js} +1 -2
- package/dist/{chunk-Q55KNNKE.js → chunk-OGI5BHGM.js} +1 -2
- package/dist/{chunk-ACEM5N2Y.cjs → chunk-OO3HHTPV.cjs} +10 -10
- package/dist/{chunk-W5G2ZBYA.js → chunk-OTJGG73E.js} +1 -2
- package/dist/{chunk-HTNZRBKW.js → chunk-PFRBA5BH.js} +1 -2
- package/dist/{chunk-KHU72DOY.cjs → chunk-RDRDPR67.cjs} +4 -4
- package/dist/{chunk-OB6B2KN5.js → chunk-RXFYKKNI.js} +2 -3
- package/dist/{chunk-OKMEBWPL.cjs → chunk-SV4L2FGT.cjs} +6 -6
- package/dist/{chunk-4DCBYM74.js → chunk-SX6DOGUE.js} +1 -2
- package/dist/cn.cjs +2 -2
- package/dist/cn.d.cts +2 -1
- package/dist/cn.d.ts +2 -1
- package/dist/cn.js +1 -2
- package/dist/collapse.cjs +3 -3
- package/dist/collapse.js +2 -3
- package/dist/drawer.cjs +3 -3
- package/dist/drawer.js +2 -3
- package/dist/dropdown.cjs +3 -3
- package/dist/dropdown.js +2 -3
- package/dist/index.cjs +13 -25
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +13 -26
- package/dist/input.cjs +5 -4
- package/dist/input.js +2 -2
- package/dist/kbd.cjs +5 -4
- package/dist/kbd.js +2 -2
- package/dist/modal.cjs +3 -3
- package/dist/modal.js +2 -3
- package/dist/navbar.cjs +3 -3
- package/dist/navbar.js +2 -3
- package/dist/pagination.cjs +4 -17
- package/dist/pagination.d.cts +1 -69
- package/dist/pagination.d.ts +1 -69
- package/dist/pagination.js +4 -18
- package/dist/theme-controller.cjs +3 -3
- package/dist/theme-controller.js +2 -3
- package/dist/toggle.cjs +3 -3
- package/dist/toggle.js +2 -3
- package/package.json +6 -2
- package/dist/chunk-EN2X23AN.cjs +0 -330
- package/dist/chunk-ZMIZV66S.js +0 -331
package/README.md
CHANGED
|
@@ -74,7 +74,7 @@ import { ChevronLeft, ChevronRight } from "lucide-react";
|
|
|
74
74
|
| ------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------- | ------------------------- |
|
|
75
75
|
| `Navbar`, `Logo`, `NavMenu`, `NavMenuLink` | `@docubook/ui-react/navbar` | Navigation bar components |
|
|
76
76
|
| `Breadcrumb`, `BreadcrumbItem`, `BreadcrumbPage`, `BreadcrumbList` | `@docubook/ui-react/breadcrumbs` | Breadcrumb navigation |
|
|
77
|
-
| `
|
|
77
|
+
| `PaginationDocs` | `@docubook/ui-react/pagination` | Page navigation utilities |
|
|
78
78
|
|
|
79
79
|
### Utilities
|
|
80
80
|
|
package/dist/breadcrumbs.cjs
CHANGED
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
7
|
-
require('./chunk-
|
|
6
|
+
var _chunkRDRDPR67cjs = require('./chunk-RDRDPR67.cjs');
|
|
7
|
+
require('./chunk-2DFF5NEL.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.Breadcrumb =
|
|
13
|
+
exports.Breadcrumb = _chunkRDRDPR67cjs.Breadcrumb; exports.BreadcrumbItem = _chunkRDRDPR67cjs.BreadcrumbItem; exports.BreadcrumbList = _chunkRDRDPR67cjs.BreadcrumbList; exports.BreadcrumbPage = _chunkRDRDPR67cjs.BreadcrumbPage;
|
package/dist/breadcrumbs.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
"use client";
|
|
2
1
|
import {
|
|
3
2
|
Breadcrumb,
|
|
4
3
|
BreadcrumbItem,
|
|
5
4
|
BreadcrumbList,
|
|
6
5
|
BreadcrumbPage
|
|
7
|
-
} from "./chunk-
|
|
8
|
-
import "./chunk-
|
|
6
|
+
} from "./chunk-OGI5BHGM.js";
|
|
7
|
+
import "./chunk-GRADTONK.js";
|
|
9
8
|
export {
|
|
10
9
|
Breadcrumb,
|
|
11
10
|
BreadcrumbItem,
|
|
@@ -31,8 +31,10 @@ var __objRest = (source, exclude) => {
|
|
|
31
31
|
};
|
|
32
32
|
|
|
33
33
|
// src/utils/cn.ts
|
|
34
|
+
var _clsx = require('clsx');
|
|
35
|
+
var _tailwindmerge = require('tailwind-merge');
|
|
34
36
|
function cn(...inputs) {
|
|
35
|
-
return
|
|
37
|
+
return _tailwindmerge.twMerge.call(void 0, _clsx.clsx.call(void 0, inputs));
|
|
36
38
|
}
|
|
37
39
|
|
|
38
40
|
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-GRADTONK.js";
|
|
4
|
+
|
|
5
|
+
// src/base/pagination.tsx
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
function PaginationDocs({
|
|
8
|
+
prev,
|
|
9
|
+
next,
|
|
10
|
+
className,
|
|
11
|
+
prevIcon,
|
|
12
|
+
nextIcon,
|
|
13
|
+
linkClassName
|
|
14
|
+
}) {
|
|
15
|
+
const linkBase = "flex flex-col no-underline rounded-lg border border-base-300 bg-base-100 transition-colors hover:bg-base-200 hover:border-base-300";
|
|
16
|
+
return /* @__PURE__ */ jsxs("div", { className: cn("grid grow grid-cols-1 gap-4 py-8 sm:grid-cols-2", className), children: [
|
|
17
|
+
/* @__PURE__ */ jsx("div", { children: prev && /* @__PURE__ */ jsxs("a", { href: prev.href, className: cn(linkBase, "items-start px-4 py-4", linkClassName), children: [
|
|
18
|
+
/* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center justify-start text-xs", children: [
|
|
19
|
+
prevIcon && /* @__PURE__ */ jsx("span", { className: "mr-1", children: prevIcon }),
|
|
20
|
+
"Previous"
|
|
21
|
+
] }),
|
|
22
|
+
/* @__PURE__ */ jsx("span", { className: "text-base-content mt-1 text-sm font-medium", children: prev.title })
|
|
23
|
+
] }) }),
|
|
24
|
+
/* @__PURE__ */ jsx("div", { children: next && /* @__PURE__ */ jsxs(
|
|
25
|
+
"a",
|
|
26
|
+
{
|
|
27
|
+
href: next.href,
|
|
28
|
+
className: cn(linkBase, "items-end px-4 py-4 text-right", linkClassName),
|
|
29
|
+
children: [
|
|
30
|
+
/* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center justify-end text-xs", children: [
|
|
31
|
+
"Next",
|
|
32
|
+
nextIcon && /* @__PURE__ */ jsx("span", { className: "ml-1", children: nextIcon })
|
|
33
|
+
] }),
|
|
34
|
+
/* @__PURE__ */ jsx("span", { className: "text-base-content mt-1 text-sm font-medium", children: next.title })
|
|
35
|
+
]
|
|
36
|
+
}
|
|
37
|
+
) })
|
|
38
|
+
] });
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export {
|
|
42
|
+
PaginationDocs
|
|
43
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
|
|
4
4
|
|
|
5
5
|
// src/base/theme-controller.tsx
|
|
6
6
|
var _react = require('react');
|
|
@@ -48,14 +48,14 @@ function ThemeControllerToggle({
|
|
|
48
48
|
"input",
|
|
49
49
|
{
|
|
50
50
|
type: "checkbox",
|
|
51
|
-
className:
|
|
51
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0, "toggle theme-controller", `toggle-${size}`),
|
|
52
52
|
checked,
|
|
53
53
|
value: darkTheme,
|
|
54
54
|
onChange: (e) => handleChange(e.target.checked)
|
|
55
55
|
}
|
|
56
56
|
);
|
|
57
57
|
if (!label) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: toggleEl });
|
|
58
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className:
|
|
58
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: _chunk2DFF5NELcjs.cn.call(void 0, "flex cursor-pointer items-center gap-3", className), children: [
|
|
59
59
|
toggleEl,
|
|
60
60
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-base-content", children: label })
|
|
61
61
|
] });
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
|
|
4
4
|
|
|
5
5
|
// src/base/navbar.tsx
|
|
6
6
|
var _jsxruntime = require('react/jsx-runtime');
|
|
7
7
|
function Navbar({ id, children, className, style }) {
|
|
8
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { id, className:
|
|
8
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { id, className: _chunk2DFF5NELcjs.cn.call(void 0, "navbar", className), style, children });
|
|
9
9
|
}
|
|
10
10
|
function Logo({ src, alt, text, href = "/", className }) {
|
|
11
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "a", { href, className:
|
|
11
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "a", { href, className: _chunk2DFF5NELcjs.cn.call(void 0, "flex items-center gap-2", className), children: [
|
|
12
12
|
src ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src, alt: alt || text || "Logo", className: "h-8 w-8" }) : null,
|
|
13
13
|
text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xl font-bold", children: text })
|
|
14
14
|
] });
|
|
15
15
|
}
|
|
16
16
|
function NavMenu({ items, activePath, className }) {
|
|
17
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className:
|
|
18
|
-
const isActive = activePath ? item.href === "/" ? activePath === "/" : activePath.startsWith(item.href) : false;
|
|
17
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: _chunk2DFF5NELcjs.cn.call(void 0, "menu menu-horizontal gap-1", className), children: items.map((item) => {
|
|
18
|
+
const isActive = activePath ? item.href === "/" ? activePath === "/" : activePath === item.href || activePath.startsWith(item.href + "/") : false;
|
|
19
19
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
20
20
|
"a",
|
|
21
21
|
{
|
|
22
22
|
href: item.href,
|
|
23
|
-
className:
|
|
23
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0, isActive && "active"),
|
|
24
24
|
target: item.isExternal ? "_blank" : void 0,
|
|
25
25
|
rel: item.isExternal ? "noopener noreferrer" : void 0,
|
|
26
26
|
children: item.title
|
|
@@ -37,7 +37,7 @@ function NavMenuLink({
|
|
|
37
37
|
"a",
|
|
38
38
|
{
|
|
39
39
|
href: item.href,
|
|
40
|
-
className:
|
|
40
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0, isActive && "active", className),
|
|
41
41
|
target: item.isExternal ? "_blank" : void 0,
|
|
42
42
|
rel: item.isExternal ? "noopener noreferrer" : void 0,
|
|
43
43
|
children: item.title
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
|
|
4
4
|
|
|
5
5
|
// src/base/drawer.tsx
|
|
6
6
|
var _react = require('react');
|
|
@@ -21,7 +21,7 @@ function Drawer({
|
|
|
21
21
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
22
22
|
"div",
|
|
23
23
|
{
|
|
24
|
-
className:
|
|
24
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0,
|
|
25
25
|
"drawer",
|
|
26
26
|
breakpoint && `${breakpoint}:drawer-open`,
|
|
27
27
|
side === "right" && "drawer-end",
|
|
@@ -39,13 +39,13 @@ function Drawer({
|
|
|
39
39
|
"aria-label": "Toggle drawer"
|
|
40
40
|
}
|
|
41
41
|
),
|
|
42
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className:
|
|
43
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className:
|
|
42
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk2DFF5NELcjs.cn.call(void 0, "drawer-content flex flex-col", contentClassName), children }),
|
|
43
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk2DFF5NELcjs.cn.call(void 0, "drawer-side", sideClassName), children: withOverlay && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
44
44
|
"label",
|
|
45
45
|
{
|
|
46
46
|
htmlFor: id,
|
|
47
47
|
"aria-label": "Close sidebar",
|
|
48
|
-
className:
|
|
48
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0, "drawer-overlay", overlayClassName),
|
|
49
49
|
onClick: () => setIsOpen(false)
|
|
50
50
|
}
|
|
51
51
|
) })
|
|
@@ -63,7 +63,7 @@ function useDrawerState(initialState = false) {
|
|
|
63
63
|
};
|
|
64
64
|
}
|
|
65
65
|
function DrawerTrigger({ drawerId, children, className }) {
|
|
66
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: drawerId, className:
|
|
66
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: drawerId, className: _chunk2DFF5NELcjs.cn.call(void 0, "label cursor-pointer", className), children });
|
|
67
67
|
}
|
|
68
68
|
function DrawerSidePanel({
|
|
69
69
|
id,
|
|
@@ -73,13 +73,13 @@ function DrawerSidePanel({
|
|
|
73
73
|
overlayClassName,
|
|
74
74
|
className
|
|
75
75
|
}) {
|
|
76
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className:
|
|
76
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk2DFF5NELcjs.cn.call(void 0, "drawer-side", side === "right" && "drawer-end", className), children: [
|
|
77
77
|
withOverlay && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
78
78
|
"label",
|
|
79
79
|
{
|
|
80
80
|
htmlFor: id,
|
|
81
81
|
"aria-label": "Close sidebar",
|
|
82
|
-
className:
|
|
82
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0, "drawer-overlay", overlayClassName)
|
|
83
83
|
}
|
|
84
84
|
),
|
|
85
85
|
children
|
|
@@ -89,7 +89,7 @@ function DrawerContent({
|
|
|
89
89
|
children,
|
|
90
90
|
className
|
|
91
91
|
}) {
|
|
92
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className:
|
|
92
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk2DFF5NELcjs.cn.call(void 0, "drawer-content", className), children });
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use client";
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __defProps = Object.defineProperties;
|
|
4
3
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
@@ -32,8 +31,10 @@ var __objRest = (source, exclude) => {
|
|
|
32
31
|
};
|
|
33
32
|
|
|
34
33
|
// src/utils/cn.ts
|
|
34
|
+
import { clsx } from "clsx";
|
|
35
|
+
import { twMerge } from "tailwind-merge";
|
|
35
36
|
function cn(...inputs) {
|
|
36
|
-
return
|
|
37
|
+
return twMerge(clsx(inputs));
|
|
37
38
|
}
|
|
38
39
|
|
|
39
40
|
export {
|
|
@@ -3,22 +3,22 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
|
|
7
7
|
|
|
8
8
|
// src/base/modal.tsx
|
|
9
9
|
var _react = require('react');
|
|
10
10
|
var _jsxruntime = require('react/jsx-runtime');
|
|
11
11
|
var Modal = _react.forwardRef.call(void 0,
|
|
12
12
|
(_a, ref) => {
|
|
13
|
-
var _b = _a, { children, className, closeOnBackdrop = true, placement, boxClassName } = _b, props =
|
|
13
|
+
var _b = _a, { children, className, closeOnBackdrop = true, placement, boxClassName } = _b, props = _chunk2DFF5NELcjs.__objRest.call(void 0, _b, ["children", "className", "closeOnBackdrop", "placement", "boxClassName"]);
|
|
14
14
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
15
15
|
"dialog",
|
|
16
|
-
|
|
16
|
+
_chunk2DFF5NELcjs.__spreadProps.call(void 0, _chunk2DFF5NELcjs.__spreadValues.call(void 0, {
|
|
17
17
|
ref,
|
|
18
|
-
className:
|
|
18
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0, "modal", placement && `modal-${placement}`, className)
|
|
19
19
|
}, props), {
|
|
20
20
|
children: [
|
|
21
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className:
|
|
21
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk2DFF5NELcjs.cn.call(void 0, "modal-box", boxClassName), children }),
|
|
22
22
|
closeOnBackdrop && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { children: "esc" }) })
|
|
23
23
|
]
|
|
24
24
|
})
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
|
|
4
|
+
|
|
5
|
+
// src/base/pagination.tsx
|
|
6
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
7
|
+
function PaginationDocs({
|
|
8
|
+
prev,
|
|
9
|
+
next,
|
|
10
|
+
className,
|
|
11
|
+
prevIcon,
|
|
12
|
+
nextIcon,
|
|
13
|
+
linkClassName
|
|
14
|
+
}) {
|
|
15
|
+
const linkBase = "flex flex-col no-underline rounded-lg border border-base-300 bg-base-100 transition-colors hover:bg-base-200 hover:border-base-300";
|
|
16
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk2DFF5NELcjs.cn.call(void 0, "grid grow grid-cols-1 gap-4 py-8 sm:grid-cols-2", className), children: [
|
|
17
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: prev && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "a", { href: prev.href, className: _chunk2DFF5NELcjs.cn.call(void 0, linkBase, "items-start px-4 py-4", linkClassName), children: [
|
|
18
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground flex items-center justify-start text-xs", children: [
|
|
19
|
+
prevIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mr-1", children: prevIcon }),
|
|
20
|
+
"Previous"
|
|
21
|
+
] }),
|
|
22
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-base-content mt-1 text-sm font-medium", children: prev.title })
|
|
23
|
+
] }) }),
|
|
24
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: next && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
25
|
+
"a",
|
|
26
|
+
{
|
|
27
|
+
href: next.href,
|
|
28
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0, linkBase, "items-end px-4 py-4 text-right", linkClassName),
|
|
29
|
+
children: [
|
|
30
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground flex items-center justify-end text-xs", children: [
|
|
31
|
+
"Next",
|
|
32
|
+
nextIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-1", children: nextIcon })
|
|
33
|
+
] }),
|
|
34
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-base-content mt-1 text-sm font-medium", children: next.title })
|
|
35
|
+
]
|
|
36
|
+
}
|
|
37
|
+
) })
|
|
38
|
+
] });
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
exports.PaginationDocs = PaginationDocs;
|
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
|
|
7
7
|
|
|
8
8
|
// src/base/kbd.tsx
|
|
9
9
|
var _react = require('react');
|
|
10
10
|
var _jsxruntime = require('react/jsx-runtime');
|
|
11
11
|
var Kbd = _react.forwardRef.call(void 0,
|
|
12
12
|
(_a, ref) => {
|
|
13
|
-
var _b = _a, { children, className, size } = _b, props =
|
|
14
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "kbd",
|
|
13
|
+
var _b = _a, { children, className, size } = _b, props = _chunk2DFF5NELcjs.__objRest.call(void 0, _b, ["children", "className", "size"]);
|
|
14
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "kbd", _chunk2DFF5NELcjs.__spreadProps.call(void 0, _chunk2DFF5NELcjs.__spreadValues.call(void 0, { ref, className: _chunk2DFF5NELcjs.cn.call(void 0, "kbd", size && `kbd-${size}`, className) }, props), { children }));
|
|
15
15
|
}
|
|
16
16
|
);
|
|
17
17
|
Kbd.displayName = "Kbd";
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
|
|
7
7
|
|
|
8
8
|
// src/base/dropdown.tsx
|
|
9
9
|
var _react = require('react');
|
|
10
10
|
var _jsxruntime = require('react/jsx-runtime');
|
|
11
11
|
var Dropdown = _react.forwardRef.call(void 0,
|
|
12
12
|
(_a, ref) => {
|
|
13
|
-
var _b = _a, { className, align = "start", disabled = false, trigger, children, menuClassName } = _b, props =
|
|
13
|
+
var _b = _a, { className, align = "start", disabled = false, trigger, children, menuClassName } = _b, props = _chunk2DFF5NELcjs.__objRest.call(void 0, _b, ["className", "align", "disabled", "trigger", "children", "menuClassName"]);
|
|
14
14
|
const detailsRef = _react.useRef.call(void 0, null);
|
|
15
15
|
_react.useEffect.call(void 0, () => {
|
|
16
16
|
const handler = (e) => {
|
|
@@ -23,20 +23,20 @@ var Dropdown = _react.forwardRef.call(void 0,
|
|
|
23
23
|
}, []);
|
|
24
24
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
25
25
|
"details",
|
|
26
|
-
|
|
26
|
+
_chunk2DFF5NELcjs.__spreadProps.call(void 0, _chunk2DFF5NELcjs.__spreadValues.call(void 0, {
|
|
27
27
|
ref: (el) => {
|
|
28
28
|
detailsRef.current = el;
|
|
29
29
|
if (typeof ref === "function") ref(el);
|
|
30
30
|
else if (ref) ref.current = el;
|
|
31
31
|
},
|
|
32
|
-
className:
|
|
32
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0, "relative", disabled && "pointer-events-none opacity-50", className)
|
|
33
33
|
}, props), {
|
|
34
34
|
children: [
|
|
35
35
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "summary", { className: "cursor-pointer", style: { listStyle: "none" }, children: trigger }),
|
|
36
36
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
37
37
|
"ul",
|
|
38
38
|
{
|
|
39
|
-
className:
|
|
39
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0,
|
|
40
40
|
"bg-base-100 rounded-box border-base-300 absolute z-50 mt-1 min-w-[240px] space-y-1 border p-2 shadow-lg",
|
|
41
41
|
align === "end" ? "right-0" : "left-0",
|
|
42
42
|
menuClassName
|
|
@@ -52,12 +52,12 @@ var Dropdown = _react.forwardRef.call(void 0,
|
|
|
52
52
|
Dropdown.displayName = "Dropdown";
|
|
53
53
|
var DropdownItem = _react.forwardRef.call(void 0,
|
|
54
54
|
(_a, ref) => {
|
|
55
|
-
var _b = _a, { className, children } = _b, props =
|
|
55
|
+
var _b = _a, { className, children } = _b, props = _chunk2DFF5NELcjs.__objRest.call(void 0, _b, ["className", "children"]);
|
|
56
56
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
57
57
|
"li",
|
|
58
|
-
|
|
58
|
+
_chunk2DFF5NELcjs.__spreadProps.call(void 0, _chunk2DFF5NELcjs.__spreadValues.call(void 0, {
|
|
59
59
|
ref,
|
|
60
|
-
className:
|
|
60
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0,
|
|
61
61
|
"hover:bg-base-200 text-base-content/80 hover:text-base-content relative flex cursor-pointer items-center gap-2 rounded px-2 py-2 text-sm outline-none transition-colors",
|
|
62
62
|
className
|
|
63
63
|
),
|
|
@@ -70,13 +70,13 @@ var DropdownItem = _react.forwardRef.call(void 0,
|
|
|
70
70
|
);
|
|
71
71
|
DropdownItem.displayName = "DropdownItem";
|
|
72
72
|
var DropdownLink = _react.forwardRef.call(void 0, (_a, ref) => {
|
|
73
|
-
var _b = _a, { className, children, href } = _b, props =
|
|
73
|
+
var _b = _a, { className, children, href } = _b, props = _chunk2DFF5NELcjs.__objRest.call(void 0, _b, ["className", "children", "href"]);
|
|
74
74
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
75
75
|
"li",
|
|
76
76
|
{
|
|
77
77
|
role: "menuitem",
|
|
78
78
|
className: "hover:bg-base-200 text-base-content/80 hover:text-base-content relative flex cursor-pointer items-center gap-2 rounded px-2 py-2 text-sm outline-none transition-colors",
|
|
79
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a",
|
|
79
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", _chunk2DFF5NELcjs.__spreadProps.call(void 0, _chunk2DFF5NELcjs.__spreadValues.call(void 0, { ref, href, className: _chunk2DFF5NELcjs.cn.call(void 0, "text-inherit no-underline", className) }, props), { children }))
|
|
80
80
|
}
|
|
81
81
|
);
|
|
82
82
|
});
|
|
@@ -3,19 +3,19 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
|
|
7
7
|
|
|
8
8
|
// src/base/input.tsx
|
|
9
9
|
var _react = require('react');
|
|
10
10
|
var _jsxruntime = require('react/jsx-runtime');
|
|
11
11
|
var Input = _react.forwardRef.call(void 0,
|
|
12
12
|
(_a, ref) => {
|
|
13
|
-
var _b = _a, { className, color, inputSize, ghost } = _b, props =
|
|
13
|
+
var _b = _a, { className, color, inputSize, ghost } = _b, props = _chunk2DFF5NELcjs.__objRest.call(void 0, _b, ["className", "color", "inputSize", "ghost"]);
|
|
14
14
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15
15
|
"input",
|
|
16
|
-
|
|
16
|
+
_chunk2DFF5NELcjs.__spreadValues.call(void 0, {
|
|
17
17
|
ref,
|
|
18
|
-
className:
|
|
18
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0,
|
|
19
19
|
"input",
|
|
20
20
|
ghost && "input-ghost",
|
|
21
21
|
color && `input-${color}`,
|
|
@@ -29,8 +29,8 @@ var Input = _react.forwardRef.call(void 0,
|
|
|
29
29
|
Input.displayName = "Input";
|
|
30
30
|
var InputGroup = _react.forwardRef.call(void 0,
|
|
31
31
|
(_a, ref) => {
|
|
32
|
-
var _b = _a, { children, className } = _b, props =
|
|
33
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label",
|
|
32
|
+
var _b = _a, { children, className } = _b, props = _chunk2DFF5NELcjs.__objRest.call(void 0, _b, ["children", "className"]);
|
|
33
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", _chunk2DFF5NELcjs.__spreadProps.call(void 0, _chunk2DFF5NELcjs.__spreadValues.call(void 0, { ref, className: _chunk2DFF5NELcjs.cn.call(void 0, "input", className) }, props), { children }));
|
|
34
34
|
}
|
|
35
35
|
);
|
|
36
36
|
InputGroup.displayName = "InputGroup";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.cjs');
|
|
6
6
|
|
|
7
7
|
// src/base/toggle.tsx
|
|
8
8
|
var _react = require('react');
|
|
@@ -22,7 +22,7 @@ var Toggle = _react.forwardRef.call(void 0, function Toggle2(_a, ref) {
|
|
|
22
22
|
checked,
|
|
23
23
|
defaultChecked,
|
|
24
24
|
onChange
|
|
25
|
-
} = _b, props =
|
|
25
|
+
} = _b, props = _chunk2DFF5NELcjs.__objRest.call(void 0, _b, [
|
|
26
26
|
"color",
|
|
27
27
|
"size",
|
|
28
28
|
"label",
|
|
@@ -45,10 +45,10 @@ var Toggle = _react.forwardRef.call(void 0, function Toggle2(_a, ref) {
|
|
|
45
45
|
}, [ref, indeterminate]);
|
|
46
46
|
const toggleEl = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
47
47
|
"input",
|
|
48
|
-
|
|
48
|
+
_chunk2DFF5NELcjs.__spreadValues.call(void 0, {
|
|
49
49
|
ref,
|
|
50
50
|
type: "checkbox",
|
|
51
|
-
className:
|
|
51
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0, `toggle-${color}`, `toggle-${size}`, className),
|
|
52
52
|
disabled,
|
|
53
53
|
checked,
|
|
54
54
|
defaultChecked,
|
|
@@ -60,7 +60,7 @@ var Toggle = _react.forwardRef.call(void 0, function Toggle2(_a, ref) {
|
|
|
60
60
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
61
61
|
"label",
|
|
62
62
|
{
|
|
63
|
-
className:
|
|
63
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0,
|
|
64
64
|
"flex items-start gap-3",
|
|
65
65
|
disabled && "cursor-not-allowed opacity-50",
|
|
66
66
|
containerClassName
|
|
@@ -68,8 +68,8 @@ var Toggle = _react.forwardRef.call(void 0, function Toggle2(_a, ref) {
|
|
|
68
68
|
children: [
|
|
69
69
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center pt-0.5", children: toggleEl }),
|
|
70
70
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-0.5", children: [
|
|
71
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className:
|
|
72
|
-
description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className:
|
|
71
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk2DFF5NELcjs.cn.call(void 0, "text-base-content cursor-pointer", labelClassName), children: label }),
|
|
72
|
+
description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk2DFF5NELcjs.cn.call(void 0, "text-base-content/60 text-sm", descriptionClassName), children: description })
|
|
73
73
|
] })
|
|
74
74
|
]
|
|
75
75
|
}
|
|
@@ -92,10 +92,10 @@ function ToggleGroup({
|
|
|
92
92
|
if (!controlled) setInternalValue(next);
|
|
93
93
|
onChange == null ? void 0 : onChange(next);
|
|
94
94
|
};
|
|
95
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className:
|
|
95
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk2DFF5NELcjs.cn.call(void 0, "flex flex-col gap-3", className), children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
96
96
|
"label",
|
|
97
97
|
{
|
|
98
|
-
className:
|
|
98
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0,
|
|
99
99
|
"flex items-center gap-3",
|
|
100
100
|
item.disabled && "cursor-not-allowed opacity-50"
|
|
101
101
|
),
|
|
@@ -104,7 +104,7 @@ function ToggleGroup({
|
|
|
104
104
|
"input",
|
|
105
105
|
{
|
|
106
106
|
type: "checkbox",
|
|
107
|
-
className:
|
|
107
|
+
className: _chunk2DFF5NELcjs.cn.call(void 0, `toggle-${color}`, `toggle-${size}`),
|
|
108
108
|
checked: selectedValues.includes(item.value),
|
|
109
109
|
disabled: item.disabled,
|
|
110
110
|
onChange: () => !item.disabled && toggle(item.value)
|