@worknice/whiteboard 0.0.2 → 0.0.3

package/dist/presentation/Divider.js

@@ -0,0 +1,23 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Divider_module_js_84b53fef__ from "./Divider.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__ from "./PlainText.js";
+const Divider = ({ children })=>children ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__Divider_module_js_84b53fef__["default"].container,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("hr", {
+                className: __WEBPACK_EXTERNAL_MODULE__Divider_module_js_84b53fef__["default"].divider
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
+                font: "small",
+                tone: "muted",
+                children: children
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("hr", {
+                className: __WEBPACK_EXTERNAL_MODULE__Divider_module_js_84b53fef__["default"].divider
+            })
+        ]
+    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("hr", {
+        className: __WEBPACK_EXTERNAL_MODULE__Divider_module_js_84b53fef__["default"].divider
+    });
+const Divider_rslib_entry_ = Divider;
+export { Divider_rslib_entry_ as default };

package/dist/presentation/Divider.module.js

@@ -0,0 +1,6 @@
+import "./Divider_module.css";
+const Divider_module_rslib_entry_ = {
+    container: "container-hFG21K",
+    divider: "divider-WPC7Xy"
+};
+export { Divider_module_rslib_entry_ as default };

package/dist/presentation/Divider_module.css

@@ -0,0 +1,12 @@
+.container-hFG21K {
+  align-items: center;
+  gap: var(--size-n2);
+  grid-template-columns: 1fr auto 1fr;
+  display: grid;
+}
+
+.divider-WPC7Xy {
+  background: var(--color-grey-t08);
+  height: var(--size-n5);
+}
+

package/dist/presentation/File.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    url: string;
+    type: string;
+};
+declare const File: ({ url, type }: Props) => import("react/jsx-runtime").JSX.Element;
+export default File;

package/dist/presentation/File.js

@@ -0,0 +1,57 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_ButtonLink_js_1677d8df__ from "../controls/ButtonLink.js";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_Link_js_2eb7bf0e__ from "../controls/Link.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__ from "../utils/useNextContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__ from "./HStack.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__ from "./Icon.js";
+const File = ({ url, type })=>{
+    const { Image } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
+    switch(type){
+        case "application/pdf":
+            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Link_js_2eb7bf0e__["default"], {
+                tone: "default",
+                href: url,
+                external: true,
+                children: "PDF file"
+            });
+        case "image/png":
+        case "image/jpeg":
+            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__["default"], {
+                align: "center",
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        style: {
+                            border: "1px solid var(--color-grey-t08)"
+                        },
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Image, {
+                            src: url,
+                            alt: "Image File",
+                            width: 600,
+                            height: 800,
+                            style: {
+                                aspectRatio: "600 / 800",
+                                objectFit: "contain"
+                            }
+                        })
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_ButtonLink_js_1677d8df__["default"], {
+                        href: url,
+                        external: true,
+                        iconRight: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
+                            symbol: "External"
+                        }),
+                        children: "Open"
+                    })
+                ]
+            });
+        default:
+            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Link_js_2eb7bf0e__["default"], {
+                tone: "default",
+                href: url,
+                external: true,
+                children: "Unknown file"
+            });
+    }
+};
+const File_rslib_entry_ = File;
+export { File_rslib_entry_ as default };

package/dist/presentation/Footer.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    id?: string;
+    secondary?: ReactNode;
+    tagName?: keyof JSX.IntrinsicElements;
+};
+/**
+ * Children are arranged in a right-to-left row on desktop and stacked vertically on mobile.
+ */
+declare const Footer: ({ children, id, secondary, tagName: Tag }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Footer;

package/dist/presentation/Footer.js

@@ -0,0 +1,18 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Footer_module_js_7aff6732__ from "./Footer.module.js";
+const Footer = ({ children, id, secondary, tagName: Tag = "footer" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Tag, {
+        className: __WEBPACK_EXTERNAL_MODULE__Footer_module_js_7aff6732__["default"].container,
+        id: id,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__Footer_module_js_7aff6732__["default"].primary,
+                children: children
+            }),
+            secondary ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__Footer_module_js_7aff6732__["default"].secondary,
+                children: secondary
+            }) : null
+        ]
+    });
+const Footer_rslib_entry_ = Footer;
+export { Footer_rslib_entry_ as default };

package/dist/presentation/Footer.module.js

@@ -0,0 +1,5 @@
+import "./Footer_module.css";
+const Footer_module_rslib_entry_ = {
+    container: "container-be71cS"
+};
+export { Footer_module_rslib_entry_ as default };

package/dist/presentation/Footer_module.css

@@ -0,0 +1,16 @@
+.container-be71cS {
+  align-items: center;
+  column-gap: var(--size-p2);
+  justify-content: space-between;
+  row-gap: var(--size-00);
+  flex-direction: row-reverse;
+  display: flex;
+}
+
+@media (max-width: 768px) {
+  .container-be71cS {
+    flex-direction: column;
+    align-items: stretch;
+  }
+}
+

package/dist/presentation/HStack.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    spacing?: "n5" | "n4" | "n3" | "n2" | "n1" | "00" | "p1" | "p2" | "p3" | "p4" | "p5";
+    tagName?: keyof JSX.IntrinsicElements;
+    align?: "start" | "center" | "end";
+    justify?: "center" | "start" | "end" | "space-between";
+};
+declare const HStack: ({ children, spacing, tagName: Tag, align, justify, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default HStack;

package/dist/presentation/HStack.js

@@ -0,0 +1,16 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__HStack_module_js_295e3f6e__ from "./HStack.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_customProperties_js_aeb40bdf__ from "../utils/customProperties.js";
+const HStack = ({ children, spacing = "00", tagName: Tag = "div", align = "center", justify = "start" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Tag, {
+        className: __WEBPACK_EXTERNAL_MODULE__HStack_module_js_295e3f6e__["default"].stack,
+        style: {
+            ...(0, __WEBPACK_EXTERNAL_MODULE__utils_customProperties_js_aeb40bdf__["default"])({
+                "--spacing": `var(--size-${spacing})`,
+                "--alignment": `${align}`,
+                "--justification": `${justify}`
+            })
+        },
+        children: children
+    });
+const HStack_rslib_entry_ = HStack;
+export { HStack_rslib_entry_ as default };

package/dist/presentation/HStack.module.js

@@ -0,0 +1,5 @@
+import "./HStack_module.css";
+const HStack_module_rslib_entry_ = {
+    stack: "stack-WpmQ1s"
+};
+export { HStack_module_rslib_entry_ as default };

package/dist/presentation/HStack_module.css

@@ -0,0 +1,10 @@
+.stack-WpmQ1s {
+  --spacing: var(--size-00);
+  gap: var(--spacing);
+  align-items: var(--alignment);
+  justify-content: var(--justification);
+  grid-auto-columns: minmax(0, max-content);
+  grid-auto-flow: column;
+  display: grid;
+}
+

package/dist/presentation/Header.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+type Props = {
+    actions?: ReactNode;
+    description?: ReactNode;
+    children: ReactNode;
+    id?: string;
+    tagName?: keyof JSX.IntrinsicElements;
+};
+declare const Header: ({ actions, children, description, id, tagName: Tag }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Header;

package/dist/presentation/Header.js

@@ -0,0 +1,20 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Header_module_js_6aa79f68__ from "./Header.module.js";
+const Header = ({ actions, children, description, id, tagName: Tag = "header" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Tag, {
+        className: __WEBPACK_EXTERNAL_MODULE__Header_module_js_6aa79f68__["default"].container,
+        id: id,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: children
+            }),
+            actions ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: actions
+            }) : null,
+            description ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__Header_module_js_6aa79f68__["default"].description,
+                children: description
+            }) : null
+        ]
+    });
+const Header_rslib_entry_ = Header;
+export { Header_rslib_entry_ as default };

package/dist/presentation/Header.module.js

@@ -0,0 +1,6 @@
+import "./Header_module.css";
+const Header_module_rslib_entry_ = {
+    container: "container-LpNftB",
+    description: "description-z2GJWi"
+};
+export { Header_module_rslib_entry_ as default };

package/dist/presentation/Header_module.css

@@ -0,0 +1,17 @@
+.container-LpNftB {
+  align-items: center;
+  gap: var(--size-n2) var(--size-p2);
+  grid-template-columns: 1fr auto;
+  display: grid;
+}
+
+.description-z2GJWi {
+  grid-column: 1 / -1;
+}
+
+@media (max-width: 768px) {
+  .container-LpNftB {
+    grid-template-columns: 1fr;
+  }
+}
+

package/dist/presentation/Heading.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    id?: string;
+};
+/**
+ * @deprecated Use `PlainText` instead.
+ */
+declare const Heading: ({ children, id }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Heading;

package/dist/presentation/Heading.js

@@ -0,0 +1,10 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__ from "./PlainText.js";
+const Heading = ({ children, id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
+        font: "h3",
+        id: id,
+        tagName: "h2",
+        children: children
+    });
+const Heading_rslib_entry_ = Heading;
+export { Heading_rslib_entry_ as default };

package/dist/presentation/HeadlineStatisticCard.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+type Props = {
+    heading: string;
+    statistic: ReactNode;
+    disclaimer?: string;
+    subtext?: string;
+};
+declare const HeadlineStatisticCard: ({ heading, statistic, disclaimer, subtext }: Props) => import("react/jsx-runtime").JSX.Element;
+export default HeadlineStatisticCard;

package/dist/presentation/HeadlineStatisticCard.js

@@ -0,0 +1,35 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__ from "./Card.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__ from "./CardContent.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__ from "./PlainText.js";
+import * as __WEBPACK_EXTERNAL_MODULE__VStack_js_02eb6792__ from "./VStack.js";
+const HeadlineStatisticCard = ({ heading, statistic, disclaimer, subtext })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__["default"], {
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__["default"], {
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__VStack_js_02eb6792__["default"], {
+                spacing: "n3",
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
+                        font: "small-bold",
+                        tagName: "h2",
+                        children: heading
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
+                        font: "h4",
+                        tagName: "p",
+                        children: statistic
+                    }),
+                    subtext ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
+                        font: "small",
+                        children: subtext
+                    }) : null,
+                    disclaimer ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
+                        font: "small",
+                        tone: "muted",
+                        children: disclaimer
+                    }) : null
+                ]
+            })
+        })
+    });
+const HeadlineStatisticCard_rslib_entry_ = HeadlineStatisticCard;
+export { HeadlineStatisticCard_rslib_entry_ as default };

package/dist/presentation/HoverCard.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    content: ReactNode;
+};
+declare const HoverCard: ({ children, content }: Props) => import("react/jsx-runtime").JSX.Element;
+export default HoverCard;

package/dist/presentation/HoverCard.js

@@ -0,0 +1,90 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__ from "@floating-ui/react";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__ from "./Card.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__ from "./CardContent.js";
+import * as __WEBPACK_EXTERNAL_MODULE__HoverCard_module_js_695d207b__ from "./HoverCard.module.js";
+const HoverCard = ({ children, content })=>{
+    const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const arrowRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const { refs, floatingStyles, context, middlewareData, placement } = (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.useFloating)({
+        open: isOpen,
+        onOpenChange: setIsOpen,
+        placement: "top",
+        middleware: [
+            (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.offset)(8),
+            (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.flip)(),
+            (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.shift)(),
+            (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.arrow)({
+                element: arrowRef
+            })
+        ],
+        whileElementsMounted: __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.autoUpdate
+    });
+    const hover = (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.useHover)(context, {
+        move: false,
+        restMs: 25,
+        delay: {
+            open: 200,
+            close: 0
+        }
+    });
+    const focus = (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.useFocus)(context);
+    const dismiss = (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.useDismiss)(context);
+    const role = (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.useRole)(context, {
+        role: "label"
+    });
+    const { getReferenceProps, getFloatingProps } = (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.useInteractions)([
+        hover,
+        focus,
+        dismiss,
+        role
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__HoverCard_module_js_695d207b__["default"].container,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                ref: refs.setReference,
+                ...getReferenceProps(),
+                children: children
+            }),
+            isOpen ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.FloatingPortal, {
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                    ref: refs.setFloating,
+                    ...getFloatingProps(),
+                    style: floatingStyles,
+                    children: [
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__["default"], {
+                            hasShadow: true,
+                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__["default"], {
+                                spacing: "00",
+                                children: content
+                            })
+                        }),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+                            width: "20",
+                            height: "9",
+                            viewBox: "0 0 20 9",
+                            ref: arrowRef,
+                            className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__HoverCard_module_js_695d207b__["default"].arrow, {
+                                [__WEBPACK_EXTERNAL_MODULE__HoverCard_module_js_695d207b__["default"].arrowTop]: "bottom" === placement,
+                                [__WEBPACK_EXTERNAL_MODULE__HoverCard_module_js_695d207b__["default"].arrowBottom]: "top" === placement
+                            }),
+                            style: {
+                                left: middlewareData.arrow?.x
+                            },
+                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                                fill: "#fff",
+                                stroke: "#DCDCDC",
+                                d: "M1.207-.5h17.586l-7.897 7.896a1.27 1.27 0 0 1-1.792 0z"
+                            })
+                        })
+                    ]
+                })
+            }) : null
+        ]
+    });
+};
+const HoverCard_rslib_entry_ = HoverCard;
+export { HoverCard_rslib_entry_ as default };

package/dist/presentation/HoverCard.module.js

@@ -0,0 +1,8 @@
+import "./HoverCard_module.css";
+const HoverCard_module_rslib_entry_ = {
+    container: "container-q8mejV",
+    arrow: "arrow-ABNbyZ",
+    arrowTop: "arrowTop-aNkmgo",
+    arrowBottom: "arrowBottom-tENwLx"
+};
+export { HoverCard_module_rslib_entry_ as default };

package/dist/presentation/HoverCard_module.css

@@ -0,0 +1,18 @@
+.container-q8mejV {
+  width: 100%;
+  position: relative;
+}
+
+.arrow-ABNbyZ {
+  position: absolute;
+}
+
+.arrowTop-aNkmgo {
+  top: -8px;
+  transform: rotate(180deg);
+}
+
+.arrowBottom-tENwLx {
+  bottom: -8px;
+}
+

package/dist/presentation/Icon.d.ts

@@ -0,0 +1,20 @@
+import * as icons from "../icons";
+declare const sizes: {
+    xsmall: number;
+    small: number;
+    default: number;
+    large: number;
+};
+type Props = {
+    animate?: boolean;
+    symbol: keyof typeof icons;
+    size?: keyof typeof sizes;
+    tone?: "default" | "primary" | "muted" | "danger" | "warning" | "success" | "info" | "light";
+    className?: any;
+};
+/**
+ * Renders and individual icon. The `IconSymbolSet` component needs to be
+ * rendered somewhere in the DOM for this to work.
+ */
+declare const Icon: ({ animate, symbol, size, tone, className }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Icon;

package/dist/presentation/Icon.js

@@ -0,0 +1,27 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__icons_index_js_d6af4ddb__ from "../icons/index.js";
+const sizes = {
+    xsmall: 12,
+    small: 16,
+    default: 20,
+    large: 24
+};
+const Icon = ({ animate, symbol, size = "default", tone, className })=>{
+    const Symbol = __WEBPACK_EXTERNAL_MODULE__icons_index_js_d6af4ddb__[symbol];
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+        height: sizes[size],
+        width: sizes[size],
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        style: {
+            color: tone ? `var(--tone-${tone})` : void 0
+        },
+        className: className,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("use", {
+            xlinkHref: `#icon-${symbol}`,
+            children: animate && "animation" in Symbol ? Symbol.animation() : null
+        })
+    });
+};
+const Icon_rslib_entry_ = Icon;
+export { Icon_rslib_entry_ as default };

package/dist/presentation/IconSymbolSet.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Renders an SVG with all the icon symbols in it. This needs to be rendered
+ * somewhere in the DOM for the `Icon` component to work.
+ */
+declare const IconSymbolSet: () => import("react/jsx-runtime").JSX.Element;
+export default IconSymbolSet;

package/dist/presentation/IconSymbolSet.js

@@ -0,0 +1,16 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__icons_index_js_d6af4ddb__ from "../icons/index.js";
+const IconSymbolSet = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+        style: {
+            display: "none"
+        },
+        xmlns: "http://www.w3.org/2000/svg",
+        children: Object.keys(__WEBPACK_EXTERNAL_MODULE__icons_index_js_d6af4ddb__).map((name)=>{
+            const Component = __WEBPACK_EXTERNAL_MODULE__icons_index_js_d6af4ddb__[name].default;
+            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Component, {
+                id: `icon-${name}`
+            }, name);
+        })
+    });
+const IconSymbolSet_rslib_entry_ = IconSymbolSet;
+export { IconSymbolSet_rslib_entry_ as default };

package/dist/presentation/Info.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+type Props = {
+    data: Array<{
+        label: string;
+        value: ReactNode | undefined;
+    }>;
+    stacked?: boolean;
+};
+declare const Info: ({ data, stacked }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Info;

package/dist/presentation/Info.js

@@ -0,0 +1,26 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__Info_module_js_33e6bcf3__ from "./Info.module.js";
+const Info = ({ data, stacked = false })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("dl", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__Info_module_js_33e6bcf3__["default"].info, {
+            [__WEBPACK_EXTERNAL_MODULE__Info_module_js_33e6bcf3__["default"].stacked]: stacked
+        }),
+        children: data.map(({ label, value })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react__.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("dt", {
+                        className: __WEBPACK_EXTERNAL_MODULE__Info_module_js_33e6bcf3__["default"].label,
+                        children: [
+                            label,
+                            ":"
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("dd", {
+                        className: __WEBPACK_EXTERNAL_MODULE__Info_module_js_33e6bcf3__["default"].value,
+                        children: value ?? "-"
+                    })
+                ]
+            }, label))
+    });
+const Info_rslib_entry_ = Info;
+export { Info_rslib_entry_ as default };

package/dist/presentation/Info.module.js

@@ -0,0 +1,8 @@
+import "./Info_module.css";
+const Info_module_rslib_entry_ = {
+    label: "label-gaGCkf",
+    info: "info-vyKxPf",
+    stacked: "stacked-sUkX0t",
+    value: "value-uI0EUi"
+};
+export { Info_module_rslib_entry_ as default };

package/dist/presentation/Info_module.css

@@ -0,0 +1,38 @@
+.label-gaGCkf {
+  font: var(--font-regular-bold);
+}
+
+.info-vyKxPf:not(.stacked-sUkX0t) .label-gaGCkf, .info-vyKxPf:not(.stacked-sUkX0t) .value-uI0EUi {
+  display: inline;
+}
+
+.info-vyKxPf:not(.stacked-sUkX0t) * + .label-gaGCkf {
+  margin-left: 1em;
+}
+
+.info-vyKxPf:not(.stacked-sUkX0t) * + .value-uI0EUi {
+  margin-left: var(--size-n2);
+}
+
+.info-vyKxPf.stacked-sUkX0t {
+  gap: var(--size-n2);
+  grid-template-columns: auto auto;
+  display: grid;
+}
+
+@media (max-width: 768px) {
+  .info-vyKxPf:not(.stacked-sUkX0t) .label-gaGCkf, .info-vyKxPf:not(.stacked-sUkX0t) .value-uI0EUi {
+    display: block;
+  }
+
+  .info-vyKxPf:not(.stacked-sUkX0t) * + .label-gaGCkf, .info-vyKxPf:not(.stacked-sUkX0t) * + .value-uI0EUi {
+    margin-left: 0;
+  }
+
+  .info-vyKxPf {
+    gap: var(--size-n2);
+    grid-template-columns: auto auto;
+    display: grid;
+  }
+}
+