@gardenfi/garden-book 0.0.25 → 0.0.26
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/components/atoms/index.d.ts +2 -1
- package/dist/ui.cjs.js +1 -1
- package/dist/ui.es.js +58 -1
- package/dist/ui.umd.js +1 -1
- package/package.json +1 -1
package/dist/ui.es.js
CHANGED
|
@@ -10960,7 +10960,63 @@ const v = "5.7.4", fr = 60, ip = 0, op = 120, w = 64, h = 64, nm = "loading spin
|
|
|
10960
10960
|
children: i,
|
|
10961
10961
|
className: s,
|
|
10962
10962
|
...n
|
|
10963
|
-
}) => /* @__PURE__ */ jsx("div", { className: cn(sidebarStyles({ open: e, size: t, className: s })), ...n, children: i }),
|
|
10963
|
+
}) => /* @__PURE__ */ jsx("div", { className: cn(sidebarStyles({ open: e, size: t, className: s })), ...n, children: i }), modalStyles = cva(
|
|
10964
|
+
[
|
|
10965
|
+
"fixed inset-0 z-50 flex items-center justify-center min-h-screen transition-all"
|
|
10966
|
+
],
|
|
10967
|
+
{
|
|
10968
|
+
variants: {
|
|
10969
|
+
open: {
|
|
10970
|
+
true: "bg-black",
|
|
10971
|
+
false: "opacity-0 pointer-events-none"
|
|
10972
|
+
}
|
|
10973
|
+
},
|
|
10974
|
+
defaultVariants: {
|
|
10975
|
+
open: !1
|
|
10976
|
+
}
|
|
10977
|
+
}
|
|
10978
|
+
), Modal = ({ open: e, onClose: t, children: i }) => {
|
|
10979
|
+
const [s, n] = useState(!1);
|
|
10980
|
+
useEffect(() => {
|
|
10981
|
+
e && n(!0);
|
|
10982
|
+
}, [e]);
|
|
10983
|
+
const a = (o) => {
|
|
10984
|
+
t && (o.stopPropagation(), t());
|
|
10985
|
+
};
|
|
10986
|
+
return /* @__PURE__ */ jsx(
|
|
10987
|
+
Opacity,
|
|
10988
|
+
{
|
|
10989
|
+
level: "medium",
|
|
10990
|
+
className: `${modalStyles({ open: e })} ${s ? e ? "animate-fade-in" : "animate-fade-out" : ""}`,
|
|
10991
|
+
onClick: a,
|
|
10992
|
+
children: /* @__PURE__ */ jsx(
|
|
10993
|
+
"div",
|
|
10994
|
+
{
|
|
10995
|
+
className: `transform transition-transform ${e ? "animate-scale-in" : "animate-scale-out"}`,
|
|
10996
|
+
children: i
|
|
10997
|
+
}
|
|
10998
|
+
)
|
|
10999
|
+
}
|
|
11000
|
+
);
|
|
11001
|
+
}, Children = ({
|
|
11002
|
+
children: e,
|
|
11003
|
+
className: t,
|
|
11004
|
+
opacityLevel: i,
|
|
11005
|
+
...s
|
|
11006
|
+
}) => /* @__PURE__ */ jsx(
|
|
11007
|
+
Opacity,
|
|
11008
|
+
{
|
|
11009
|
+
level: i,
|
|
11010
|
+
onClick: (a) => {
|
|
11011
|
+
a.stopPropagation();
|
|
11012
|
+
},
|
|
11013
|
+
className: `mx-auto ${t ? " " + t : ""}`,
|
|
11014
|
+
...s,
|
|
11015
|
+
children: e
|
|
11016
|
+
}
|
|
11017
|
+
);
|
|
11018
|
+
Modal.Children = Children;
|
|
11019
|
+
const ArrowDownwardIcon = (e) => /* @__PURE__ */ jsx("svg", { width: "12", height: "18", viewBox: "0 0 12 18", ...e, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M6.0013 17.3333L0.167969 11.5L1.33464 10.3333L5.16797 14.1458V0.666656H6.83464V14.1458L10.668 10.3125L11.8346 11.5L6.0013 17.3333Z", fill: "#554B6A" }) }), ArrowUpwardIcon = (e) => /* @__PURE__ */ jsx("svg", { width: "12", height: "18", viewBox: "0 0 12 18", ...e, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M5.16797 17.3333V3.85416L1.33464 7.66666L0.167969 6.49999L6.0013 0.666656L11.8346 6.49999L10.668 7.68749L6.83464 3.85416V17.3333H5.16797Z", fill: "#554B6A" }) }), ArrowLeftIcon = (e) => /* @__PURE__ */ jsx("svg", { width: "18", height: "12", ...e, viewBox: "0 0 18 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M6.5013 11.8333L0.667969 5.99999L6.5013 0.166656L7.66797 1.33332L3.85547 5.16666H17.3346V6.83332H3.85547L7.6888 10.6667L6.5013 11.8333Z", fill: "#554B6A" }) }), ArrowRightIcon = (e) => /* @__PURE__ */ jsx("svg", { width: "18", height: "12", ...e, viewBox: "0 0 18 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M11.5013 11.8333L10.3138 10.6667L14.1471 6.83332H0.667969V5.16666H14.1471L10.3346 1.33332L11.5013 0.166656L17.3346 5.99999L11.5013 11.8333Z", fill: "#554B6A" }) }), AddIcon = (e) => /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", ...e, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M5.16797 6.83332H0.167969V5.16666H5.16797V0.166656H6.83464V5.16666H11.8346V6.83332H6.83464V11.8333H5.16797V6.83332Z", fill: "#554B6A" }) }), ArrowNorthEastIcon = (e) => /* @__PURE__ */ jsx("svg", { width: "13", height: "13", viewBox: "0 0 13 13", ...e, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M1.4987 12.6667L0.332031 11.5L9.9987 1.83335H4.4987V0.166687H12.832V8.50002H11.1654V3.00002L1.4987 12.6667Z", fill: "#554B6A" }) }), ArrowNorthWestIcon = (e) => /* @__PURE__ */ jsx("svg", { width: "13", height: "13", viewBox: "0 0 13 13", ...e, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M11.5013 12.6667L1.83464 3.00002V8.50002H0.167969V0.166687H8.5013V1.83335H3.0013L12.668 11.5L11.5013 12.6667Z", fill: "#554B6A" }) }), ArrowSouthEastIcon = (e) => /* @__PURE__ */ jsx("svg", { width: "13", height: "13", ...e, viewBox: "0 0 13 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M4.4987 12.8333V11.1666H9.9987L0.332031 1.49998L1.4987 0.333313L11.1654 9.99998V4.49998H12.832V12.8333H4.4987Z", fill: "#554B6A" }) }), ArrowSouthWestIcon = (e) => /* @__PURE__ */ jsx("svg", { width: "13", height: "13", ...e, viewBox: "0 0 13 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M0.167969 12.8333V4.49998H1.83464V9.99998L11.5013 0.333313L12.668 1.49998L3.0013 11.1666H8.5013V12.8333H0.167969Z", fill: "#554B6A" }) }), CheckIcon = (e) => /* @__PURE__ */ jsx("svg", { width: "14", height: "11", ...e, viewBox: "0 0 14 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M4.95703 11.0003L0.207031 6.25033L1.39453 5.06283L4.95703 8.62533L12.6029 0.979492L13.7904 2.16699L4.95703 11.0003Z", fill: "#554B6A" }) }), ClockIcon = (e) => /* @__PURE__ */ jsx("svg", { width: "18", height: "18", ...e, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M11.7513 12.9167L12.918 11.75L9.83463 8.66669V4.83335H8.16797V9.33335L11.7513 12.9167ZM9.0013 17.3334C7.84852 17.3334 6.76519 17.1146 5.7513 16.6771C4.73741 16.2396 3.85547 15.6459 3.10547 14.8959C2.35547 14.1459 1.76172 13.2639 1.32422 12.25C0.886719 11.2361 0.667969 10.1528 0.667969 9.00002C0.667969 7.84724 0.886719 6.76391 1.32422 5.75002C1.76172 4.73613 2.35547 3.85419 3.10547 3.10419C3.85547 2.35419 4.73741 1.76044 5.7513 1.32294C6.76519 0.885437 7.84852 0.666687 9.0013 0.666687C10.1541 0.666687 11.2374 0.885437 12.2513 1.32294C13.2652 1.76044 14.1471 2.35419 14.8971 3.10419C15.6471 3.85419 16.2409 4.73613 16.6784 5.75002C17.1159 6.76391 17.3346 7.84724 17.3346 9.00002C17.3346 10.1528 17.1159 11.2361 16.6784 12.25C16.2409 13.2639 15.6471 14.1459 14.8971 14.8959C14.1471 15.6459 13.2652 16.2396 12.2513 16.6771C11.2374 17.1146 10.1541 17.3334 9.0013 17.3334ZM9.0013 15.6667C10.8485 15.6667 12.4214 15.0174 13.7201 13.7188C15.0187 12.4202 15.668 10.8472 15.668 9.00002C15.668 7.1528 15.0187 5.57988 13.7201 4.28127C12.4214 2.98266 10.8485 2.33335 9.0013 2.33335C7.15408 2.33335 5.58116 2.98266 4.28255 4.28127C2.98394 5.57988 2.33464 7.1528 2.33464 9.00002C2.33464 10.8472 2.98394 12.4202 4.28255 13.7188C5.58116 15.0174 7.15408 15.6667 9.0013 15.6667Z", fill: "#554B6A" }) }), CloseIcon = (e) => /* @__PURE__ */ jsx(
|
|
10964
11020
|
"svg",
|
|
10965
11021
|
{
|
|
10966
11022
|
width: "12",
|
|
@@ -12904,6 +12960,7 @@ export {
|
|
|
12904
12960
|
LockIcon,
|
|
12905
12961
|
LogoutIcon,
|
|
12906
12962
|
MenuIcon,
|
|
12963
|
+
Modal,
|
|
12907
12964
|
Opacity,
|
|
12908
12965
|
OpenInFullIcon,
|
|
12909
12966
|
PageInfoIcon,
|