@prismiq/react 0.1.0

package/dist/index.cjs

@@ -0,0 +1,1486 @@
+'use strict';
+
+var chunkFEABEF3J_cjs = require('./chunk-FEABEF3J.cjs');
+var chunkNK7HKX2J_cjs = require('./chunk-NK7HKX2J.cjs');
+var chunkNY6TZLST_cjs = require('./chunk-NY6TZLST.cjs');
+var chunkLMTG3LRC_cjs = require('./chunk-LMTG3LRC.cjs');
+var chunkMDXGGZSW_cjs = require('./chunk-MDXGGZSW.cjs');
+var chunkTRW7DKLP_cjs = require('./chunk-TRW7DKLP.cjs');
+var chunk4AVL6GQK_cjs = require('./chunk-4AVL6GQK.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var PinIcon = ({ filled, size }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: filled ? "currentColor" : "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17v5" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6a2 2 0 0 1 2-2h0a2 2 0 0 0 2-2H5a2 2 0 0 0 2 2h0a2 2 0 0 1 2 2z" })
+    ]
+  }
+);
+var baseStyles = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: "var(--prismiq-spacing-xs)",
+  fontFamily: "var(--prismiq-font-sans)",
+  fontWeight: 500,
+  borderRadius: "var(--prismiq-radius-md)",
+  border: "1px solid var(--prismiq-color-border)",
+  backgroundColor: "var(--prismiq-color-surface)",
+  color: "var(--prismiq-color-text)",
+  cursor: "pointer",
+  transition: "background-color 0.15s, border-color 0.15s, opacity 0.15s",
+  outline: "none"
+};
+var sizeStyles = {
+  sm: {
+    padding: "var(--prismiq-spacing-xs)",
+    fontSize: "var(--prismiq-font-size-sm)",
+    minWidth: 28,
+    minHeight: 28
+  },
+  md: {
+    padding: "var(--prismiq-spacing-sm)",
+    fontSize: "var(--prismiq-font-size-base)",
+    minWidth: 36,
+    minHeight: 36
+  },
+  lg: {
+    padding: "var(--prismiq-spacing-md)",
+    fontSize: "var(--prismiq-font-size-lg)",
+    minWidth: 44,
+    minHeight: 44
+  }
+};
+var pinnedStyles = {
+  backgroundColor: "var(--prismiq-color-primary-light, #e3f2fd)",
+  borderColor: "var(--prismiq-color-primary)",
+  color: "var(--prismiq-color-primary)"
+};
+var disabledStyles = {
+  opacity: 0.5,
+  cursor: "not-allowed"
+};
+var iconSizes = {
+  sm: 14,
+  md: 16,
+  lg: 20
+};
+function PinButton({
+  dashboardId,
+  context,
+  label = "Pin",
+  unpinLabel = "Unpin",
+  iconOnly = false,
+  size = "md",
+  onPinChange,
+  className,
+  style
+}) {
+  const { isPinned: checkIsPinned, isLoading: statusLoading, refetch } = chunkNY6TZLST_cjs.useDashboardPinStatus({
+    dashboardId
+  });
+  const { pin, unpin, state: mutationState } = chunkNY6TZLST_cjs.usePinMutations();
+  const [actionError, setActionError] = react.useState(null);
+  const isPinned = checkIsPinned(context);
+  const isLoading = statusLoading || mutationState.isLoading;
+  const handleClick = react.useCallback(async () => {
+    if (isLoading) return;
+    setActionError(null);
+    try {
+      if (isPinned) {
+        await unpin(dashboardId, context);
+        onPinChange?.(false);
+      } else {
+        await pin(dashboardId, context);
+        onPinChange?.(true);
+      }
+      await refetch();
+    } catch (err) {
+      const error = err instanceof Error ? err : new Error(String(err));
+      setActionError(error);
+      console.error("Failed to toggle pin:", err);
+    }
+  }, [dashboardId, context, isPinned, isLoading, pin, unpin, onPinChange, refetch]);
+  const errorStyles2 = {
+    borderColor: "var(--prismiq-color-error)",
+    color: "var(--prismiq-color-error)"
+  };
+  const combinedStyles = {
+    ...baseStyles,
+    ...sizeStyles[size],
+    ...isPinned ? pinnedStyles : {},
+    ...isLoading ? disabledStyles : {},
+    ...actionError ? errorStyles2 : {},
+    ...style
+  };
+  const iconSize = iconSizes[size];
+  const displayLabel = isPinned ? unpinLabel : label;
+  const errorMessage = actionError ? `Error: ${actionError.message}` : void 0;
+  const accessibleLabel = errorMessage ?? (iconOnly ? displayLabel : void 0);
+  const tooltipTitle = errorMessage ?? (iconOnly ? displayLabel : void 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+          @keyframes prismiq-spin {
+            to {
+              transform: rotate(360deg);
+            }
+          }
+        ` }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: handleClick,
+        disabled: isLoading,
+        className,
+        style: combinedStyles,
+        "aria-pressed": isPinned,
+        "aria-label": accessibleLabel,
+        "aria-invalid": actionError ? true : void 0,
+        title: tooltipTitle,
+        children: [
+          isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              style: {
+                display: "inline-block",
+                width: iconSize,
+                height: iconSize,
+                border: "2px solid currentColor",
+                borderRightColor: "transparent",
+                borderRadius: "50%",
+                animation: "prismiq-spin 0.6s linear infinite"
+              }
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(PinIcon, { filled: isPinned, size: iconSize }),
+          !iconOnly && /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayLabel })
+        ]
+      }
+    )
+  ] });
+}
+var errorBannerStyles = {
+  padding: "var(--prismiq-spacing-sm)",
+  backgroundColor: "var(--prismiq-color-error-light, #ffebee)",
+  color: "var(--prismiq-color-error)",
+  borderRadius: "var(--prismiq-radius-sm)",
+  fontFamily: "var(--prismiq-font-sans)",
+  fontSize: "var(--prismiq-font-size-xs)",
+  marginBottom: "var(--prismiq-spacing-xs)"
+};
+var PinIcon2 = ({ size }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17v5" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6a2 2 0 0 1 2-2h0a2 2 0 0 0 2-2H5a2 2 0 0 0 2 2h0a2 2 0 0 1 2 2z" })
+    ]
+  }
+);
+var ChevronDownIcon = ({ size }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" })
+  }
+);
+var CheckIcon = ({ size }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6 9 17l-5-5" })
+  }
+);
+var triggerStyles = {
+  display: "inline-flex",
+  alignItems: "center",
+  gap: "var(--prismiq-spacing-xs)",
+  padding: "var(--prismiq-spacing-sm) var(--prismiq-spacing-md)",
+  fontFamily: "var(--prismiq-font-sans)",
+  fontSize: "var(--prismiq-font-size-base)",
+  fontWeight: 500,
+  borderRadius: "var(--prismiq-radius-md)",
+  border: "1px solid var(--prismiq-color-border)",
+  backgroundColor: "var(--prismiq-color-surface)",
+  color: "var(--prismiq-color-text)",
+  cursor: "pointer",
+  transition: "background-color 0.15s, border-color 0.15s",
+  outline: "none"
+};
+var menuStyles = {
+  position: "absolute",
+  top: "100%",
+  left: 0,
+  marginTop: "var(--prismiq-spacing-xs)",
+  minWidth: 200,
+  padding: "var(--prismiq-spacing-xs)",
+  backgroundColor: "var(--prismiq-color-surface)",
+  border: "1px solid var(--prismiq-color-border)",
+  borderRadius: "var(--prismiq-radius-md)",
+  boxShadow: "var(--prismiq-shadow-lg, 0 10px 15px -3px rgba(0,0,0,0.1))",
+  zIndex: 50
+};
+var menuItemStyles = {
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--prismiq-spacing-sm)",
+  padding: "var(--prismiq-spacing-sm) var(--prismiq-spacing-md)",
+  fontFamily: "var(--prismiq-font-sans)",
+  fontSize: "var(--prismiq-font-size-sm)",
+  color: "var(--prismiq-color-text)",
+  borderRadius: "var(--prismiq-radius-sm)",
+  cursor: "pointer",
+  transition: "background-color 0.15s",
+  border: "none",
+  backgroundColor: "transparent",
+  width: "100%",
+  textAlign: "left"
+};
+var checkboxStyles = {
+  width: 16,
+  height: 16,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  borderRadius: "var(--prismiq-radius-sm)",
+  border: "1px solid var(--prismiq-color-border)",
+  backgroundColor: "var(--prismiq-color-surface)",
+  flexShrink: 0
+};
+var checkedCheckboxStyles = {
+  ...checkboxStyles,
+  backgroundColor: "var(--prismiq-color-primary)",
+  borderColor: "var(--prismiq-color-primary)",
+  color: "var(--prismiq-color-text-inverse)"
+};
+function PinMenu({
+  dashboardId,
+  contexts,
+  onPinChange,
+  className,
+  style
+}) {
+  const [isOpen, setIsOpen] = react.useState(false);
+  const [toggleError, setToggleError] = react.useState(null);
+  const containerRef = react.useRef(null);
+  const { isPinned, refetch, isLoading: statusLoading } = chunkNY6TZLST_cjs.useDashboardPinStatus({
+    dashboardId
+  });
+  const { pin, unpin, state: mutationState } = chunkNY6TZLST_cjs.usePinMutations();
+  const isLoading = statusLoading || mutationState.isLoading;
+  react.useEffect(() => {
+    if (!isOpen) {
+      setToggleError(null);
+    }
+  }, [isOpen]);
+  react.useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (containerRef.current && !containerRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    if (isOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }
+  }, [isOpen]);
+  react.useEffect(() => {
+    const handleEscape = (event) => {
+      if (event.key === "Escape") {
+        setIsOpen(false);
+      }
+    };
+    if (isOpen) {
+      document.addEventListener("keydown", handleEscape);
+      return () => document.removeEventListener("keydown", handleEscape);
+    }
+  }, [isOpen]);
+  const handleToggle = react.useCallback((ctx) => {
+    return async () => {
+      if (isLoading) return;
+      setToggleError(null);
+      try {
+        const pinned = isPinned(ctx);
+        if (pinned) {
+          await unpin(dashboardId, ctx);
+          onPinChange?.(ctx, false);
+        } else {
+          await pin(dashboardId, ctx);
+          onPinChange?.(ctx, true);
+        }
+        await refetch();
+      } catch (err) {
+        const error = err instanceof Error ? err : new Error(String(err));
+        setToggleError(error);
+        console.error("Failed to toggle pin for context:", ctx, err);
+      }
+    };
+  }, [dashboardId, isPinned, isLoading, pin, unpin, onPinChange, refetch]);
+  const pinnedCount = contexts.filter((ctx) => isPinned(ctx.id)).length;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className,
+      style: { position: "relative", display: "inline-block", ...style },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsOpen(!isOpen),
+            style: triggerStyles,
+            "aria-haspopup": "menu",
+            "aria-expanded": isOpen,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(PinIcon2, { size: 16 }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                "Pin",
+                pinnedCount > 0 ? ` (${pinnedCount})` : ""
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { size: 14 })
+            ]
+          }
+        ),
+        isOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: menuStyles, role: "menu", children: [
+          toggleError && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: errorBannerStyles, children: [
+            "Failed: ",
+            toggleError.message
+          ] }),
+          contexts.map((ctx) => {
+            const pinned = isPinned(ctx.id);
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                role: "menuitemcheckbox",
+                "aria-checked": pinned,
+                onClick: handleToggle(ctx.id),
+                disabled: isLoading,
+                style: {
+                  ...menuItemStyles,
+                  opacity: isLoading ? 0.5 : 1
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: pinned ? checkedCheckboxStyles : checkboxStyles, children: pinned && /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { size: 12 }) }),
+                  ctx.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "flex" }, children: ctx.icon }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: ctx.label })
+                ]
+              },
+              ctx.id
+            );
+          })
+        ] })
+      ]
+    }
+  );
+}
+var DashboardIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: 20,
+    height: 20,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "7", height: "7" }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14", y: "3", width: "7", height: "7" }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14", y: "14", width: "7", height: "7" }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "14", width: "7", height: "7" })
+    ]
+  }
+);
+var UnpinIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: 16,
+    height: 16,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2 22 22" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17v5" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 6V4a2 2 0 0 1 2-2" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 4a2 2 0 0 0-2 2" })
+    ]
+  }
+);
+var containerStyles = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "var(--prismiq-spacing-sm)"
+};
+var itemStyles = {
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--prismiq-spacing-md)",
+  padding: "var(--prismiq-spacing-md)",
+  backgroundColor: "var(--prismiq-color-surface)",
+  border: "1px solid var(--prismiq-color-border)",
+  borderRadius: "var(--prismiq-radius-md)",
+  cursor: "pointer",
+  transition: "background-color 0.15s, border-color 0.15s, box-shadow 0.15s"
+};
+var itemHoverStyles = {
+  backgroundColor: "var(--prismiq-color-surface-hover, #f5f5f5)",
+  borderColor: "var(--prismiq-color-primary)",
+  boxShadow: "var(--prismiq-shadow-sm, 0 1px 2px rgba(0,0,0,0.05))"
+};
+var iconWrapperStyles = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 40,
+  height: 40,
+  backgroundColor: "var(--prismiq-color-primary-light, #e3f2fd)",
+  color: "var(--prismiq-color-primary)",
+  borderRadius: "var(--prismiq-radius-md)",
+  flexShrink: 0
+};
+var contentStyles = {
+  flex: 1,
+  minWidth: 0
+};
+var titleStyles = {
+  fontFamily: "var(--prismiq-font-sans)",
+  fontSize: "var(--prismiq-font-size-base)",
+  fontWeight: 500,
+  color: "var(--prismiq-color-text)",
+  margin: 0,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+var descriptionStyles = {
+  fontFamily: "var(--prismiq-font-sans)",
+  fontSize: "var(--prismiq-font-size-sm)",
+  color: "var(--prismiq-color-text-muted)",
+  margin: 0,
+  marginTop: "var(--prismiq-spacing-xs)",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+var unpinButtonStyles = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 32,
+  height: 32,
+  padding: 0,
+  backgroundColor: "transparent",
+  border: "1px solid transparent",
+  borderRadius: "var(--prismiq-radius-sm)",
+  color: "var(--prismiq-color-text-muted)",
+  cursor: "pointer",
+  transition: "background-color 0.15s, color 0.15s",
+  flexShrink: 0
+};
+var emptyStateStyles = {
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: "var(--prismiq-spacing-xl)",
+  textAlign: "center",
+  color: "var(--prismiq-color-text-muted)"
+};
+var loadingStyles = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: "var(--prismiq-spacing-xl)"
+};
+var errorStyles = {
+  padding: "var(--prismiq-spacing-md)",
+  backgroundColor: "var(--prismiq-color-error-light, #ffebee)",
+  color: "var(--prismiq-color-error)",
+  borderRadius: "var(--prismiq-radius-md)",
+  fontFamily: "var(--prismiq-font-sans)",
+  fontSize: "var(--prismiq-font-size-sm)"
+};
+function PinnedDashboardList({
+  context,
+  onSelect,
+  emptyState,
+  renderItem,
+  className,
+  style
+}) {
+  const { dashboards, isLoading, error, refetch } = chunkNY6TZLST_cjs.usePinnedDashboards({ context });
+  const { unpin, state: mutationState } = chunkNY6TZLST_cjs.usePinMutations();
+  const [unpinError, setUnpinError] = react.useState(null);
+  const handleUnpin = react.useCallback(
+    (dashboardId) => {
+      return async (event) => {
+        event.stopPropagation();
+        setUnpinError(null);
+        try {
+          await unpin(dashboardId, context);
+          await refetch();
+        } catch (err) {
+          const error2 = err instanceof Error ? err : new Error(String(err));
+          setUnpinError(error2);
+          console.error("Failed to unpin dashboard:", dashboardId, err);
+        }
+      };
+    },
+    [context, unpin, refetch]
+  );
+  const createUnpinAction = react.useCallback(
+    (dashboardId) => {
+      return async () => {
+        setUnpinError(null);
+        try {
+          await unpin(dashboardId, context);
+          await refetch();
+        } catch (err) {
+          const error2 = err instanceof Error ? err : new Error(String(err));
+          setUnpinError(error2);
+          console.error("Failed to unpin dashboard:", dashboardId, err);
+          throw error2;
+        }
+      };
+    },
+    [context, unpin, refetch]
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { ...containerStyles, ...style }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+            @keyframes prismiq-spin {
+              to {
+                transform: rotate(360deg);
+              }
+            }
+          ` }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: loadingStyles, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          style: {
+            display: "inline-block",
+            width: 24,
+            height: 24,
+            border: "2px solid var(--prismiq-color-border)",
+            borderTopColor: "var(--prismiq-color-primary)",
+            borderRadius: "50%",
+            animation: "prismiq-spin 0.6s linear infinite"
+          }
+        }
+      ) })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: { ...containerStyles, ...style }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: errorStyles, children: [
+      "Failed to load pinned dashboards: ",
+      error.message
+    ] }) });
+  }
+  const errorBanner = unpinError ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...errorStyles, display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "Failed to unpin: ",
+      unpinError.message
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setUnpinError(null),
+        style: {
+          background: "none",
+          border: "none",
+          cursor: "pointer",
+          color: "inherit",
+          fontSize: "var(--prismiq-font-size-lg)",
+          lineHeight: 1
+        },
+        "aria-label": "Dismiss error",
+        children: "\xD7"
+      }
+    )
+  ] }) : null;
+  if (!dashboards || dashboards.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: { ...containerStyles, ...style }, children: emptyState || /* @__PURE__ */ jsxRuntime.jsxs("div", { style: emptyStateStyles, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DashboardIcon, {}),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "var(--prismiq-spacing-sm) 0 0 0" }, children: "No pinned dashboards" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { ...containerStyles, ...style }, children: [
+    errorBanner,
+    dashboards.map((dashboard) => {
+      const actions = {
+        unpin: createUnpinAction(dashboard.id)
+      };
+      if (renderItem) {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            onClick: () => onSelect(dashboard),
+            role: "button",
+            tabIndex: 0,
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                onSelect(dashboard);
+              }
+            },
+            children: renderItem(dashboard, actions)
+          },
+          dashboard.id
+        );
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          style: itemStyles,
+          onClick: () => onSelect(dashboard),
+          onMouseEnter: (e) => {
+            Object.assign(e.currentTarget.style, itemHoverStyles);
+          },
+          onMouseLeave: (e) => {
+            Object.assign(e.currentTarget.style, itemStyles);
+          },
+          role: "button",
+          tabIndex: 0,
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              onSelect(dashboard);
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: iconWrapperStyles, children: /* @__PURE__ */ jsxRuntime.jsx(DashboardIcon, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyles, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { style: titleStyles, children: dashboard.name }),
+              dashboard.description && /* @__PURE__ */ jsxRuntime.jsx("p", { style: descriptionStyles, children: dashboard.description })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleUnpin(dashboard.id),
+                disabled: mutationState.isLoading,
+                style: {
+                  ...unpinButtonStyles,
+                  opacity: mutationState.isLoading ? 0.5 : 1
+                },
+                title: "Unpin",
+                "aria-label": "Unpin dashboard",
+                children: /* @__PURE__ */ jsxRuntime.jsx(UnpinIcon, {})
+              }
+            )
+          ]
+        },
+        dashboard.id
+      );
+    })
+  ] });
+}
+var BackIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: 20,
+    height: 20,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 12H5" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 19-7-7 7-7" })
+    ]
+  }
+);
+var UnpinIcon2 = () => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: 16,
+    height: 16,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2 22 22" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17v5" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 6V4a2 2 0 0 1 2-2" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 4a2 2 0 0 0-2 2" })
+    ]
+  }
+);
+var containerStyles2 = {
+  display: "flex",
+  flexDirection: "column",
+  height: "100%"
+};
+var headerStyles = {
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--prismiq-spacing-md)",
+  padding: "var(--prismiq-spacing-md)",
+  borderBottom: "1px solid var(--prismiq-color-border)",
+  backgroundColor: "var(--prismiq-color-surface)"
+};
+var backButtonStyles = {
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--prismiq-spacing-xs)",
+  padding: "var(--prismiq-spacing-sm) var(--prismiq-spacing-md)",
+  fontFamily: "var(--prismiq-font-sans)",
+  fontSize: "var(--prismiq-font-size-sm)",
+  fontWeight: 500,
+  backgroundColor: "transparent",
+  border: "1px solid var(--prismiq-color-border)",
+  borderRadius: "var(--prismiq-radius-md)",
+  color: "var(--prismiq-color-text)",
+  cursor: "pointer",
+  transition: "background-color 0.15s"
+};
+var titleStyles2 = {
+  flex: 1,
+  fontFamily: "var(--prismiq-font-sans)",
+  fontSize: "var(--prismiq-font-size-lg)",
+  fontWeight: 600,
+  color: "var(--prismiq-color-text)",
+  margin: 0,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+var unpinButtonStyles2 = {
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--prismiq-spacing-xs)",
+  padding: "var(--prismiq-spacing-sm) var(--prismiq-spacing-md)",
+  fontFamily: "var(--prismiq-font-sans)",
+  fontSize: "var(--prismiq-font-size-sm)",
+  backgroundColor: "transparent",
+  border: "1px solid var(--prismiq-color-border)",
+  borderRadius: "var(--prismiq-radius-md)",
+  color: "var(--prismiq-color-text-muted)",
+  cursor: "pointer",
+  transition: "background-color 0.15s, color 0.15s"
+};
+var contentStyles2 = {
+  flex: 1,
+  overflow: "auto"
+};
+var listContainerStyles = {
+  padding: "var(--prismiq-spacing-md)"
+};
+var errorBannerStyles2 = {
+  padding: "var(--prismiq-spacing-sm) var(--prismiq-spacing-md)",
+  backgroundColor: "var(--prismiq-color-error-light, #ffebee)",
+  color: "var(--prismiq-color-error)",
+  fontFamily: "var(--prismiq-font-sans)",
+  fontSize: "var(--prismiq-font-size-sm)",
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center"
+};
+function PinnedDashboardView({
+  context,
+  selectedDashboard,
+  onBack,
+  onSelect,
+  showUnpin = true,
+  backLabel = "Back",
+  emptyState,
+  className,
+  style
+}) {
+  const { unpin, state: mutationState } = chunkNY6TZLST_cjs.usePinMutations();
+  const [unpinError, setUnpinError] = react.useState(null);
+  const handleUnpin = async () => {
+    if (!selectedDashboard) return;
+    setUnpinError(null);
+    try {
+      await unpin(selectedDashboard.id, context);
+      onBack();
+    } catch (err) {
+      const error = err instanceof Error ? err : new Error(String(err));
+      setUnpinError(error);
+      console.error("Failed to unpin dashboard:", selectedDashboard.id, err);
+    }
+  };
+  if (!selectedDashboard) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: { ...containerStyles2, ...style }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: listContainerStyles, children: /* @__PURE__ */ jsxRuntime.jsx(
+      PinnedDashboardList,
+      {
+        context,
+        onSelect,
+        emptyState
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { ...containerStyles2, ...style }, children: [
+    unpinError && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: errorBannerStyles2, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "Failed to unpin: ",
+        unpinError.message
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setUnpinError(null),
+          style: {
+            background: "none",
+            border: "none",
+            cursor: "pointer",
+            color: "inherit",
+            fontSize: "var(--prismiq-font-size-lg)",
+            lineHeight: 1
+          },
+          "aria-label": "Dismiss error",
+          children: "\xD7"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: headerStyles, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onBack,
+          style: backButtonStyles,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(BackIcon, {}),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: backLabel })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { style: titleStyles2, children: selectedDashboard.name }),
+      showUnpin && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleUnpin,
+          disabled: mutationState.isLoading,
+          style: {
+            ...unpinButtonStyles2,
+            opacity: mutationState.isLoading ? 0.5 : 1
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(UnpinIcon2, {}),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Unpin" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: contentStyles2, children: /* @__PURE__ */ jsxRuntime.jsx(chunkFEABEF3J_cjs.Dashboard, { id: selectedDashboard.id }) })
+  ] });
+}
+
+// src/index.ts
+var VERSION = "0.1.0";
+
+Object.defineProperty(exports, "Dashboard", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.Dashboard; }
+});
+Object.defineProperty(exports, "DashboardCard", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.DashboardCard; }
+});
+Object.defineProperty(exports, "DashboardContext", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.DashboardContext; }
+});
+Object.defineProperty(exports, "DashboardDialog", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.DashboardDialog; }
+});
+Object.defineProperty(exports, "DashboardEditor", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.DashboardEditor; }
+});
+Object.defineProperty(exports, "DashboardLayoutComponent", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.DashboardLayout; }
+});
+Object.defineProperty(exports, "DashboardList", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.DashboardList; }
+});
+Object.defineProperty(exports, "DashboardProvider", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.DashboardProvider; }
+});
+Object.defineProperty(exports, "DateRangeFilter", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.DateRangeFilter; }
+});
+Object.defineProperty(exports, "EditorToolbar", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.EditorToolbar; }
+});
+Object.defineProperty(exports, "FilterBar", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.FilterBar; }
+});
+Object.defineProperty(exports, "MultiSelectFilter", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.MultiSelectFilter; }
+});
+Object.defineProperty(exports, "SelectFilter", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.SelectFilter; }
+});
+Object.defineProperty(exports, "TextFilter", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.TextFilter; }
+});
+Object.defineProperty(exports, "Widget", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.Widget; }
+});
+Object.defineProperty(exports, "WidgetContent", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.WidgetContent; }
+});
+Object.defineProperty(exports, "WidgetEditor", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.WidgetEditor; }
+});
+Object.defineProperty(exports, "WidgetHeader", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.WidgetHeader; }
+});
+Object.defineProperty(exports, "WidgetPalette", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.WidgetPalette; }
+});
+Object.defineProperty(exports, "useAutoRefresh", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.useAutoRefresh; }
+});
+Object.defineProperty(exports, "useDashboard", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.useDashboard; }
+});
+Object.defineProperty(exports, "useDashboardFilters", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.useDashboardFilters; }
+});
+Object.defineProperty(exports, "useFullscreen", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.useFullscreen; }
+});
+Object.defineProperty(exports, "useWidget", {
+  enumerable: true,
+  get: function () { return chunkFEABEF3J_cjs.useWidget; }
+});
+Object.defineProperty(exports, "AreaChart", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.AreaChart; }
+});
+Object.defineProperty(exports, "BarChart", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.BarChart; }
+});
+Object.defineProperty(exports, "EChartWrapper", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.EChartWrapper; }
+});
+Object.defineProperty(exports, "LineChart", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.LineChart; }
+});
+Object.defineProperty(exports, "MetricCard", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.MetricCard; }
+});
+Object.defineProperty(exports, "PieChart", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.PieChart; }
+});
+Object.defineProperty(exports, "ScatterChart", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.ScatterChart; }
+});
+Object.defineProperty(exports, "Sparkline", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.Sparkline; }
+});
+Object.defineProperty(exports, "TrendIndicator", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.TrendIndicator; }
+});
+Object.defineProperty(exports, "applyThemeToOption", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.applyThemeToOption; }
+});
+Object.defineProperty(exports, "createChartTheme", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.createChartTheme; }
+});
+Object.defineProperty(exports, "createGradientColor", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.createGradientColor; }
+});
+Object.defineProperty(exports, "dataPointsToChartData", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.dataPointsToChartData; }
+});
+Object.defineProperty(exports, "formatAxisLabel", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.formatAxisLabel; }
+});
+Object.defineProperty(exports, "formatCompact", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.formatCompact; }
+});
+Object.defineProperty(exports, "formatMetricValue", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.formatMetricValue; }
+});
+Object.defineProperty(exports, "getChartColors", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.getChartColors; }
+});
+Object.defineProperty(exports, "isChartDataEmpty", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.isChartDataEmpty; }
+});
+Object.defineProperty(exports, "queryResultToChartData", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.queryResultToChartData; }
+});
+Object.defineProperty(exports, "suggestChartType", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.suggestChartType; }
+});
+Object.defineProperty(exports, "toChartData", {
+  enumerable: true,
+  get: function () { return chunkNK7HKX2J_cjs.toChartData; }
+});
+Object.defineProperty(exports, "AggregationPicker", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.AggregationPicker; }
+});
+Object.defineProperty(exports, "AnalyticsProvider", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.AnalyticsProvider; }
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.Badge; }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.Button; }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.Checkbox; }
+});
+Object.defineProperty(exports, "ColumnNode", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.ColumnNode; }
+});
+Object.defineProperty(exports, "ColumnSelector", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.ColumnSelector; }
+});
+Object.defineProperty(exports, "CustomSQLEditor", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.CustomSQLEditor; }
+});
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.Dialog; }
+});
+Object.defineProperty(exports, "DialogFooter", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.DialogFooter; }
+});
+Object.defineProperty(exports, "DialogHeader", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.DialogHeader; }
+});
+Object.defineProperty(exports, "Dropdown", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.Dropdown; }
+});
+Object.defineProperty(exports, "DropdownItem", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.DropdownItem; }
+});
+Object.defineProperty(exports, "DropdownSeparator", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.DropdownSeparator; }
+});
+Object.defineProperty(exports, "EmptyDashboard", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.EmptyDashboard; }
+});
+Object.defineProperty(exports, "EmptyState", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.EmptyState; }
+});
+Object.defineProperty(exports, "ErrorBoundary", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.ErrorBoundary; }
+});
+Object.defineProperty(exports, "ErrorFallback", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.ErrorFallback; }
+});
+Object.defineProperty(exports, "FilterBuilder", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.FilterBuilder; }
+});
+Object.defineProperty(exports, "FilterRow", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.FilterRow; }
+});
+Object.defineProperty(exports, "FilterValueInput", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.FilterValueInput; }
+});
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.Icon; }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.Input; }
+});
+Object.defineProperty(exports, "NoData", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.NoData; }
+});
+Object.defineProperty(exports, "NoResults", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.NoResults; }
+});
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.Pagination; }
+});
+Object.defineProperty(exports, "PrismiqClient", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.PrismiqClient; }
+});
+Object.defineProperty(exports, "PrismiqError", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.PrismiqError; }
+});
+Object.defineProperty(exports, "QueryBuilder", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.QueryBuilder; }
+});
+Object.defineProperty(exports, "QueryBuilderToolbar", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.QueryBuilderToolbar; }
+});
+Object.defineProperty(exports, "QueryPreview", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.QueryPreview; }
+});
+Object.defineProperty(exports, "ResultsTable", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.ResultsTable; }
+});
+Object.defineProperty(exports, "SavedQueryPicker", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.SavedQueryPicker; }
+});
+Object.defineProperty(exports, "SchemaExplorer", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.SchemaExplorer; }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.Select; }
+});
+Object.defineProperty(exports, "SelectedColumn", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.SelectedColumn; }
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.Skeleton; }
+});
+Object.defineProperty(exports, "SkeletonChart", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.SkeletonChart; }
+});
+Object.defineProperty(exports, "SkeletonMetricCard", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.SkeletonMetricCard; }
+});
+Object.defineProperty(exports, "SkeletonTable", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.SkeletonTable; }
+});
+Object.defineProperty(exports, "SkeletonText", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.SkeletonText; }
+});
+Object.defineProperty(exports, "SortBuilder", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.SortBuilder; }
+});
+Object.defineProperty(exports, "SortRow", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.SortRow; }
+});
+Object.defineProperty(exports, "TableCell", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.TableCell; }
+});
+Object.defineProperty(exports, "TableHeader", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.TableHeader; }
+});
+Object.defineProperty(exports, "TableNode", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.TableNode; }
+});
+Object.defineProperty(exports, "TableRow", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.TableRow; }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.Tooltip; }
+});
+Object.defineProperty(exports, "WidgetErrorBoundary", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.WidgetErrorBoundary; }
+});
+Object.defineProperty(exports, "useAnalytics", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.useAnalytics; }
+});
+Object.defineProperty(exports, "useAnalyticsCallbacks", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.useAnalyticsCallbacks; }
+});
+Object.defineProperty(exports, "useChartData", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.useChartData; }
+});
+Object.defineProperty(exports, "useCustomSQL", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.useCustomSQL; }
+});
+Object.defineProperty(exports, "useDashboardData", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.useDashboard; }
+});
+Object.defineProperty(exports, "useDashboardMutations", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.useDashboardMutations; }
+});
+Object.defineProperty(exports, "useDashboardPinStatus", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.useDashboardPinStatus; }
+});
+Object.defineProperty(exports, "useDashboards", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.useDashboards; }
+});
+Object.defineProperty(exports, "usePinMutations", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.usePinMutations; }
+});
+Object.defineProperty(exports, "usePinnedDashboards", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.usePinnedDashboards; }
+});
+Object.defineProperty(exports, "useQuery", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.useQuery; }
+});
+Object.defineProperty(exports, "useSavedQueries", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.useSavedQueries; }
+});
+Object.defineProperty(exports, "useSchema", {
+  enumerable: true,
+  get: function () { return chunkNY6TZLST_cjs.useSchema; }
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () { return chunkLMTG3LRC_cjs.ThemeProvider; }
+});
+Object.defineProperty(exports, "darkTheme", {
+  enumerable: true,
+  get: function () { return chunkLMTG3LRC_cjs.darkTheme; }
+});
+Object.defineProperty(exports, "lightTheme", {
+  enumerable: true,
+  get: function () { return chunkLMTG3LRC_cjs.lightTheme; }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () { return chunkLMTG3LRC_cjs.useTheme; }
+});
+Object.defineProperty(exports, "downloadFile", {
+  enumerable: true,
+  get: function () { return chunkMDXGGZSW_cjs.downloadFile; }
+});
+Object.defineProperty(exports, "exportMultipleSheets", {
+  enumerable: true,
+  get: function () { return chunkMDXGGZSW_cjs.exportMultipleSheets; }
+});
+Object.defineProperty(exports, "exportToCSV", {
+  enumerable: true,
+  get: function () { return chunkMDXGGZSW_cjs.exportToCSV; }
+});
+Object.defineProperty(exports, "exportToExcel", {
+  enumerable: true,
+  get: function () { return chunkMDXGGZSW_cjs.exportToExcel; }
+});
+Object.defineProperty(exports, "generateCSV", {
+  enumerable: true,
+  get: function () { return chunkMDXGGZSW_cjs.generateCSV; }
+});
+Object.defineProperty(exports, "useExport", {
+  enumerable: true,
+  get: function () { return chunkMDXGGZSW_cjs.useExport; }
+});
+Object.defineProperty(exports, "BREAKPOINTS", {
+  enumerable: true,
+  get: function () { return chunkTRW7DKLP_cjs.BREAKPOINTS; }
+});
+Object.defineProperty(exports, "ClientOnly", {
+  enumerable: true,
+  get: function () { return chunkTRW7DKLP_cjs.ClientOnly; }
+});
+Object.defineProperty(exports, "getLocalStorage", {
+  enumerable: true,
+  get: function () { return chunkTRW7DKLP_cjs.getLocalStorage; }
+});
+Object.defineProperty(exports, "getWindowHeight", {
+  enumerable: true,
+  get: function () { return chunkTRW7DKLP_cjs.getWindowHeight; }
+});
+Object.defineProperty(exports, "getWindowWidth", {
+  enumerable: true,
+  get: function () { return chunkTRW7DKLP_cjs.getWindowWidth; }
+});
+Object.defineProperty(exports, "isBrowser", {
+  enumerable: true,
+  get: function () { return chunkTRW7DKLP_cjs.isBrowser; }
+});
+Object.defineProperty(exports, "isServer", {
+  enumerable: true,
+  get: function () { return chunkTRW7DKLP_cjs.isServer; }
+});
+Object.defineProperty(exports, "removeLocalStorage", {
+  enumerable: true,
+  get: function () { return chunkTRW7DKLP_cjs.removeLocalStorage; }
+});
+Object.defineProperty(exports, "setLocalStorage", {
+  enumerable: true,
+  get: function () { return chunkTRW7DKLP_cjs.setLocalStorage; }
+});
+Object.defineProperty(exports, "useBreakpoint", {
+  enumerable: true,
+  get: function () { return chunkTRW7DKLP_cjs.useBreakpoint; }
+});
+Object.defineProperty(exports, "useIsBreakpoint", {
+  enumerable: true,
+  get: function () { return chunkTRW7DKLP_cjs.useIsBreakpoint; }
+});
+Object.defineProperty(exports, "useIsClient", {
+  enumerable: true,
+  get: function () { return chunkTRW7DKLP_cjs.useIsClient; }
+});
+Object.defineProperty(exports, "useMediaQuery", {
+  enumerable: true,
+  get: function () { return chunkTRW7DKLP_cjs.useMediaQuery; }
+});
+Object.defineProperty(exports, "useWindowSize", {
+  enumerable: true,
+  get: function () { return chunkTRW7DKLP_cjs.useWindowSize; }
+});
+Object.defineProperty(exports, "announceToScreenReader", {
+  enumerable: true,
+  get: function () { return chunk4AVL6GQK_cjs.announceToScreenReader; }
+});
+Object.defineProperty(exports, "focusVisibleStyles", {
+  enumerable: true,
+  get: function () { return chunk4AVL6GQK_cjs.focusVisibleStyles; }
+});
+Object.defineProperty(exports, "skipLinkFocusStyles", {
+  enumerable: true,
+  get: function () { return chunk4AVL6GQK_cjs.skipLinkFocusStyles; }
+});
+Object.defineProperty(exports, "skipLinkStyles", {
+  enumerable: true,
+  get: function () { return chunk4AVL6GQK_cjs.skipLinkStyles; }
+});
+Object.defineProperty(exports, "useArrowNavigation", {
+  enumerable: true,
+  get: function () { return chunk4AVL6GQK_cjs.useArrowNavigation; }
+});
+Object.defineProperty(exports, "useFocusTrap", {
+  enumerable: true,
+  get: function () { return chunk4AVL6GQK_cjs.useFocusTrap; }
+});
+Object.defineProperty(exports, "useFocusVisible", {
+  enumerable: true,
+  get: function () { return chunk4AVL6GQK_cjs.useFocusVisible; }
+});
+Object.defineProperty(exports, "useRovingTabIndex", {
+  enumerable: true,
+  get: function () { return chunk4AVL6GQK_cjs.useRovingTabIndex; }
+});
+exports.PinButton = PinButton;
+exports.PinMenu = PinMenu;
+exports.PinnedDashboardList = PinnedDashboardList;
+exports.PinnedDashboardView = PinnedDashboardView;
+exports.VERSION = VERSION;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map