@embeddable.com/remarkable-ui 2.0.32 → 2.0.34

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   styles
-} from "./chunk-WKCRP3VT.js";
+} from "./chunk-3SAVZAMC.js";
 
 // src/components/charts/bars/BarChart.tsx
 import { useRef } from "react";
@@ -3011,35 +3011,76 @@ var ButtonIcon = ({
 
 // src/components/shared/Card/Card.tsx
 import React4 from "react";
-import styles27 from "./Card.module-YJV4R6DV.module.css";
+import styles28 from "./Card.module-AAOKM6DN.module.css";
 import clsx20 from "clsx";
+import { IconInfoCircle } from "@tabler/icons-react";
+
+// src/components/shared/Tooltip/Tooltip.tsx
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+import styles27 from "./Tooltip.module-H4WLOKLX.module.css";
 import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
+var Tooltip5 = ({
+  side,
+  align,
+  trigger,
+  children,
+  delayDuration = 0
+}) => {
+  return /* @__PURE__ */ jsx35(RadixTooltip.Provider, { children: /* @__PURE__ */ jsxs22(RadixTooltip.Root, { delayDuration, children: [
+    /* @__PURE__ */ jsx35(RadixTooltip.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx35(
+      RadixTooltip.Content,
+      {
+        side,
+        align,
+        style: { zIndex: 5 },
+        className: styles27.tooltipContent,
+        sideOffset: 4,
+        children
+      }
+    )
+  ] }) });
+};
+
+// src/components/shared/Card/Card.tsx
+import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
 var Card = React4.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx35("div", { className: clsx20(styles27.card, className), ref, ...props, children });
+    return /* @__PURE__ */ jsx36("div", { className: clsx20(styles28.card, className), ref, ...props, children });
   }
 );
 Card.displayName = "Card";
-var CardHeader = ({ title, subtitle }) => {
-  if (!title && !subtitle) {
+var CardHeader = ({ title, subtitle, tooltip }) => {
+  if (!title && !subtitle && !tooltip) {
     return null;
   }
-  return /* @__PURE__ */ jsxs22("div", { className: styles27.cardHeader, children: [
-    title && /* @__PURE__ */ jsx35("h1", { children: title }),
-    subtitle && /* @__PURE__ */ jsx35("p", { children: subtitle })
+  return /* @__PURE__ */ jsxs23("div", { className: styles28.cardHeader, children: [
+    /* @__PURE__ */ jsxs23("div", { className: styles28.cardHeaderTitle, children: [
+      title && /* @__PURE__ */ jsx36("h1", { children: title }),
+      tooltip && /* @__PURE__ */ jsx36(
+        Tooltip5,
+        {
+          side: "right",
+          align: "start",
+          trigger: /* @__PURE__ */ jsx36("button", { className: styles28.cardHeaderTooltipButton, "aria-label": "Info", children: /* @__PURE__ */ jsx36(IconInfoCircle, {}) }),
+          children: tooltip
+        }
+      )
+    ] }),
+    subtitle && /* @__PURE__ */ jsx36("p", { children: subtitle })
   ] });
 };
 var CardContent = React4.forwardRef(
   ({ children }, ref) => {
-    return /* @__PURE__ */ jsx35("div", { className: styles27.cardContent, ref, children });
+    return /* @__PURE__ */ jsx36("div", { className: styles28.cardContent, ref, children });
   }
 );
 CardContent.displayName = "CardContent";
 
 // src/components/shared/Card/CardFeedback/CardFeedback.tsx
 import clsx21 from "clsx";
-import styles28 from "./CardFeedback.module-WCSHLBSM.module.css";
-import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
+import styles29 from "./CardFeedback.module-WCSHLBSM.module.css";
+import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
 var CardFeedback = ({
   icon: Icon,
   title,
@@ -3047,32 +3088,32 @@ var CardFeedback = ({
   className,
   variant = "info"
 }) => {
-  return /* @__PURE__ */ jsxs23("div", { className: clsx21(styles28.feedback, styles28[variant], className), children: [
-    Icon && /* @__PURE__ */ jsx36(Icon, {}),
-    /* @__PURE__ */ jsx36("h2", { children: title }),
-    /* @__PURE__ */ jsx36("p", { children: message })
+  return /* @__PURE__ */ jsxs24("div", { className: clsx21(styles29.feedback, styles29[variant], className), children: [
+    Icon && /* @__PURE__ */ jsx37(Icon, {}),
+    /* @__PURE__ */ jsx37("h2", { children: title }),
+    /* @__PURE__ */ jsx37("p", { children: message })
   ] });
 };
 
 // src/components/shared/Overlay/Overlay.tsx
 import clsx22 from "clsx";
-import styles29 from "./Overlay.module-FCW64VWM.module.css";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import styles30 from "./Overlay.module-FCW64VWM.module.css";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var Overlay = ({ className, children }) => {
-  return /* @__PURE__ */ jsx37("div", { className: clsx22(styles29.overlay, className), children });
+  return /* @__PURE__ */ jsx38("div", { className: clsx22(styles30.overlay, className), children });
 };
 
 // src/components/shared/Skeleton/Skeleton.tsx
-import styles30 from "./Skeleton.module-ZN5S5VRF.module.css";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import styles31 from "./Skeleton.module-ZN5S5VRF.module.css";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var Skeleton = () => {
-  return /* @__PURE__ */ jsx38("div", { className: styles30.skeleton });
+  return /* @__PURE__ */ jsx39("div", { className: styles31.skeleton });
 };
 
 // src/components/shared/Typography/Typography.tsx
-import styles31 from "./Typography.module-SW6CT55P.module.css";
+import styles32 from "./Typography.module-SW6CT55P.module.css";
 import clsx23 from "clsx";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Typography({
   children,
   as: Component = "p",
@@ -3080,7 +3121,7 @@ function Typography({
   style,
   title
 }) {
-  return /* @__PURE__ */ jsx39(Component, { title, className: clsx23(styles31.typography, className), style, children });
+  return /* @__PURE__ */ jsx40(Component, { title, className: clsx23(styles32.typography, className), style, children });
 }
 
 // src/utils/object.utils.ts
@@ -3138,6 +3179,7 @@ export {
   TableScrollable,
   TableSortDirection,
   TextField,
+  Tooltip5 as Tooltip,
   Typography,
   chartjsAxisOptionsLayoutPadding,
   endOfDayUTC,