@kollegioai/ui 0.1.0 → 0.1.1

package/dist/Button.d.mts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { ButtonProps } from '@chakra-ui/react';
+
+/**
+ * Variant set merged from both product apps:
+ * - client-src: primary, primaryStrong, accent, outline, secondary, ghost, oauth, logOut
+ * - counsellor: tertiary, light (its "secondary" mapped to `outline`)
+ *
+ * Components reference kollegio token NAMES (e.g. `backgroundPrimary`). The consuming
+ * app's Chakra `createSystem` must include the @kollegioai/tokens colors.
+ */
+type KollegioButtonVariant = 'primary' | 'primaryStrong' | 'accent' | 'outline' | 'secondary' | 'tertiary' | 'light' | 'ghost' | 'oauth' | 'logOut';
+type KollegioButtonSize = 'sm' | 'md' | 'lg';
+type KollegioButtonProps = Omit<ButtonProps, 'variant'> & {
+    variant?: KollegioButtonVariant;
+    /** Kollegio sizing preset — not Chakra's `size` prop. */
+    buttonSize?: KollegioButtonSize;
+    fullWidth?: boolean;
+    isLoading?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    /** iOS Safari: fire on touchend so fixed/mobile CTAs respond reliably. */
+    enableTouchEndClickFix?: boolean;
+};
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "variant"> & {
+    variant?: KollegioButtonVariant;
+    /** Kollegio sizing preset — not Chakra's `size` prop. */
+    buttonSize?: KollegioButtonSize;
+    fullWidth?: boolean;
+    isLoading?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    /** iOS Safari: fire on touchend so fixed/mobile CTAs respond reliably. */
+    enableTouchEndClickFix?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type KollegioButtonProps, type KollegioButtonSize, type KollegioButtonVariant, Button as default };

package/dist/Button.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { ButtonProps } from '@chakra-ui/react';
+
+/**
+ * Variant set merged from both product apps:
+ * - client-src: primary, primaryStrong, accent, outline, secondary, ghost, oauth, logOut
+ * - counsellor: tertiary, light (its "secondary" mapped to `outline`)
+ *
+ * Components reference kollegio token NAMES (e.g. `backgroundPrimary`). The consuming
+ * app's Chakra `createSystem` must include the @kollegioai/tokens colors.
+ */
+type KollegioButtonVariant = 'primary' | 'primaryStrong' | 'accent' | 'outline' | 'secondary' | 'tertiary' | 'light' | 'ghost' | 'oauth' | 'logOut';
+type KollegioButtonSize = 'sm' | 'md' | 'lg';
+type KollegioButtonProps = Omit<ButtonProps, 'variant'> & {
+    variant?: KollegioButtonVariant;
+    /** Kollegio sizing preset — not Chakra's `size` prop. */
+    buttonSize?: KollegioButtonSize;
+    fullWidth?: boolean;
+    isLoading?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    /** iOS Safari: fire on touchend so fixed/mobile CTAs respond reliably. */
+    enableTouchEndClickFix?: boolean;
+};
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "variant"> & {
+    variant?: KollegioButtonVariant;
+    /** Kollegio sizing preset — not Chakra's `size` prop. */
+    buttonSize?: KollegioButtonSize;
+    fullWidth?: boolean;
+    isLoading?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    /** iOS Safari: fire on touchend so fixed/mobile CTAs respond reliably. */
+    enableTouchEndClickFix?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type KollegioButtonProps, type KollegioButtonSize, type KollegioButtonVariant, Button as default };

package/dist/Button.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkQ4T6BIJ6_js = require('./chunk-Q4T6BIJ6.js');
+
+
+
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunkQ4T6BIJ6_js.Button; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkQ4T6BIJ6_js.Button_default; }
+});
+//# sourceMappingURL=Button.js.map
+//# sourceMappingURL=Button.js.map

package/dist/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Button.js"}

package/dist/Button.mjs

@@ -0,0 +1,3 @@
+export { Button, Button_default as default } from './chunk-RYGUHPYX.mjs';
+//# sourceMappingURL=Button.mjs.map
+//# sourceMappingURL=Button.mjs.map

package/dist/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Button.mjs"}

package/dist/EllipsisMenu.d.mts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface EllipsisMenuProps {
+    children: ReactNode;
+}
+interface EllipsisMenuOptionProps {
+    text: string;
+    onClick: () => void;
+    color?: string;
+    loading?: boolean;
+}
+declare const EllipsisMenu: ({ children }: EllipsisMenuProps) => react_jsx_runtime.JSX.Element;
+declare const EllipsisMenuOption: ({ text, onClick, color, loading, }: EllipsisMenuOptionProps) => react_jsx_runtime.JSX.Element;
+
+export { EllipsisMenu, EllipsisMenuOption, EllipsisMenu as default };

package/dist/EllipsisMenu.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface EllipsisMenuProps {
+    children: ReactNode;
+}
+interface EllipsisMenuOptionProps {
+    text: string;
+    onClick: () => void;
+    color?: string;
+    loading?: boolean;
+}
+declare const EllipsisMenu: ({ children }: EllipsisMenuProps) => react_jsx_runtime.JSX.Element;
+declare const EllipsisMenuOption: ({ text, onClick, color, loading, }: EllipsisMenuOptionProps) => react_jsx_runtime.JSX.Element;
+
+export { EllipsisMenu, EllipsisMenuOption, EllipsisMenu as default };

package/dist/EllipsisMenu.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunk55KQFLN6_js = require('./chunk-55KQFLN6.js');
+
+
+
+Object.defineProperty(exports, "EllipsisMenu", {
+  enumerable: true,
+  get: function () { return chunk55KQFLN6_js.EllipsisMenu; }
+});
+Object.defineProperty(exports, "EllipsisMenuOption", {
+  enumerable: true,
+  get: function () { return chunk55KQFLN6_js.EllipsisMenuOption; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunk55KQFLN6_js.EllipsisMenu_default; }
+});
+//# sourceMappingURL=EllipsisMenu.js.map
+//# sourceMappingURL=EllipsisMenu.js.map

package/dist/EllipsisMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"EllipsisMenu.js"}

package/dist/EllipsisMenu.mjs

@@ -0,0 +1,3 @@
+export { EllipsisMenu, EllipsisMenuOption, EllipsisMenu_default as default } from './chunk-XVEIQDTK.mjs';
+//# sourceMappingURL=EllipsisMenu.mjs.map
+//# sourceMappingURL=EllipsisMenu.mjs.map

package/dist/EllipsisMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"EllipsisMenu.mjs"}

package/dist/Tooltip.d.mts

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Tooltip as Tooltip$1 } from '@chakra-ui/react';
+import * as React from 'react';
+
+type TooltipPositioning = NonNullable<Tooltip$1.RootProps['positioning']>;
+type TooltipPlacement = TooltipPositioning['placement'];
+type TooltipOffset = TooltipPositioning['offset'];
+interface TooltipProps extends Omit<Tooltip$1.RootProps, 'children' | 'open'> {
+    children: React.ReactNode;
+    showArrow?: boolean;
+    hasArrow?: boolean;
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement | null>;
+    content?: React.ReactNode;
+    label?: React.ReactNode;
+    contentProps?: Tooltip$1.ContentProps;
+    disabled?: boolean;
+    isDisabled?: boolean;
+    open?: boolean;
+    isOpen?: boolean;
+    placement?: TooltipPlacement;
+    offset?: TooltipOffset;
+    closeOnClick?: boolean;
+    fontSize?: Tooltip$1.ContentProps['fontSize'];
+    width?: Tooltip$1.ContentProps['width'];
+    w?: Tooltip$1.ContentProps['w'];
+    bg?: Tooltip$1.ContentProps['bg'];
+    color?: Tooltip$1.ContentProps['color'];
+    px?: Tooltip$1.ContentProps['px'];
+    py?: Tooltip$1.ContentProps['py'];
+    borderRadius?: Tooltip$1.ContentProps['borderRadius'];
+    boxShadow?: Tooltip$1.ContentProps['boxShadow'];
+    zIndex?: Tooltip$1.ContentProps['zIndex'];
+    alignSelf?: Tooltip$1.ContentProps['alignSelf'];
+    openOnClick?: boolean;
+    clickOpenDurationMs?: number;
+    fullWidthTrigger?: boolean;
+}
+/** Low-level Chakra v3 tooltip primitive. Prefer `Tooltip` (the markdown wrapper) for app usage. */
+declare const TooltipPrimitive: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+interface KollegioTooltipProps extends Omit<TooltipProps, 'content' | 'children'> {
+    label?: string;
+    children: React.ReactNode;
+}
+/** Brand tooltip: renders markdown `label`, tap-to-open on touch devices. */
+declare const Tooltip: ({ label, children, ...props }: KollegioTooltipProps) => react_jsx_runtime.JSX.Element;
+
+export { Tooltip, TooltipPrimitive, type TooltipProps, Tooltip as default };

package/dist/Tooltip.d.ts

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Tooltip as Tooltip$1 } from '@chakra-ui/react';
+import * as React from 'react';
+
+type TooltipPositioning = NonNullable<Tooltip$1.RootProps['positioning']>;
+type TooltipPlacement = TooltipPositioning['placement'];
+type TooltipOffset = TooltipPositioning['offset'];
+interface TooltipProps extends Omit<Tooltip$1.RootProps, 'children' | 'open'> {
+    children: React.ReactNode;
+    showArrow?: boolean;
+    hasArrow?: boolean;
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement | null>;
+    content?: React.ReactNode;
+    label?: React.ReactNode;
+    contentProps?: Tooltip$1.ContentProps;
+    disabled?: boolean;
+    isDisabled?: boolean;
+    open?: boolean;
+    isOpen?: boolean;
+    placement?: TooltipPlacement;
+    offset?: TooltipOffset;
+    closeOnClick?: boolean;
+    fontSize?: Tooltip$1.ContentProps['fontSize'];
+    width?: Tooltip$1.ContentProps['width'];
+    w?: Tooltip$1.ContentProps['w'];
+    bg?: Tooltip$1.ContentProps['bg'];
+    color?: Tooltip$1.ContentProps['color'];
+    px?: Tooltip$1.ContentProps['px'];
+    py?: Tooltip$1.ContentProps['py'];
+    borderRadius?: Tooltip$1.ContentProps['borderRadius'];
+    boxShadow?: Tooltip$1.ContentProps['boxShadow'];
+    zIndex?: Tooltip$1.ContentProps['zIndex'];
+    alignSelf?: Tooltip$1.ContentProps['alignSelf'];
+    openOnClick?: boolean;
+    clickOpenDurationMs?: number;
+    fullWidthTrigger?: boolean;
+}
+/** Low-level Chakra v3 tooltip primitive. Prefer `Tooltip` (the markdown wrapper) for app usage. */
+declare const TooltipPrimitive: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+interface KollegioTooltipProps extends Omit<TooltipProps, 'content' | 'children'> {
+    label?: string;
+    children: React.ReactNode;
+}
+/** Brand tooltip: renders markdown `label`, tap-to-open on touch devices. */
+declare const Tooltip: ({ label, children, ...props }: KollegioTooltipProps) => react_jsx_runtime.JSX.Element;
+
+export { Tooltip, TooltipPrimitive, type TooltipProps, Tooltip as default };

package/dist/Tooltip.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkEBQK5NBX_js = require('./chunk-EBQK5NBX.js');
+
+
+
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunkEBQK5NBX_js.Tooltip; }
+});
+Object.defineProperty(exports, "TooltipPrimitive", {
+  enumerable: true,
+  get: function () { return chunkEBQK5NBX_js.TooltipPrimitive; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkEBQK5NBX_js.Tooltip_default; }
+});
+//# sourceMappingURL=Tooltip.js.map
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Tooltip.js"}

package/dist/Tooltip.mjs

@@ -0,0 +1,3 @@
+export { Tooltip, TooltipPrimitive, Tooltip_default as default } from './chunk-RFUSESWB.mjs';
+//# sourceMappingURL=Tooltip.mjs.map
+//# sourceMappingURL=Tooltip.mjs.map

package/dist/Tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Tooltip.mjs"}

package/dist/chunk-55KQFLN6.js

@@ -0,0 +1,123 @@
+'use strict';
+
+var react$1 = require('@chakra-ui/react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/EllipsisMenu.tsx
+var DotsVerticalIcon = ({ size = 20 }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx(
+  "path",
+  {
+    d: "M10 10.833a.833.833 0 100-1.666.833.833 0 000 1.666zM10 5a.833.833 0 100-1.667A.833.833 0 0010 5zM10 16.667A.833.833 0 1010 15a.833.833 0 000 1.667z",
+    stroke: "currentColor",
+    strokeWidth: "1.667",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+) });
+var EllipsisMenu = ({ children }) => {
+  const [showDropdown, setShowDropdown] = react.useState(false);
+  const menuRef = react.useRef(null);
+  react.useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (menuRef.current && !menuRef.current.contains(event.target)) {
+        setShowDropdown(false);
+      }
+    };
+    if (showDropdown) {
+      document.addEventListener("mousedown", handleClickOutside);
+    } else {
+      document.removeEventListener("mousedown", handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [showDropdown]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Box, { position: "relative", ref: menuRef, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.Box,
+      {
+        padding: "2px",
+        tabIndex: 0,
+        color: "contentPrimaryStrong",
+        onKeyDown: (e) => {
+          e.stopPropagation();
+        },
+        onClick: (event) => {
+          event.stopPropagation();
+          setShowDropdown(true);
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(DotsVerticalIcon, {})
+      }
+    ),
+    showDropdown && /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.VStack,
+      {
+        position: "absolute",
+        right: "10px",
+        top: "5px",
+        bg: "white",
+        rounded: "8px",
+        border: "1px solid",
+        borderColor: "borderSecondary",
+        zIndex: "10",
+        boxShadow: "0px 4px 4px rgba(0, 0, 0, 0.05)",
+        width: "216px",
+        gap: 0,
+        overflow: "scroll",
+        css: {
+          "&::-webkit-scrollbar": { display: "none" },
+          scrollbarWidth: "none",
+          msOverflowStyle: "none"
+        },
+        children: react.Children.map(children, (child) => {
+          if (!react.isValidElement(child)) {
+            return child;
+          }
+          const originalOnClick = child.props.onClick;
+          const handleClick = () => {
+            setShowDropdown(false);
+            if (typeof originalOnClick === "function") {
+              originalOnClick();
+            }
+          };
+          return react.cloneElement(child, {
+            onClick: handleClick
+          });
+        })
+      }
+    )
+  ] });
+};
+var EllipsisMenuOption = ({
+  text,
+  onClick,
+  color = "contentPrimaryStrong",
+  loading = false
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Box, { display: "flex", justifyContent: "space-between", width: "100%", _hover: { background: "backgroundBase1" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.Text,
+      {
+        tabIndex: 0,
+        fontSize: "14px",
+        color: loading ? "contentPrimarySubtle" : color,
+        cursor: loading ? "not-allowed" : "pointer",
+        width: "full",
+        onClick,
+        textAlign: "start",
+        px: 2,
+        py: 1.5,
+        children: text
+      }
+    ),
+    loading && /* @__PURE__ */ jsxRuntime.jsx(react$1.Spinner, { size: "sm", color: "contentPrimarySubtle", alignSelf: "center", mr: 2 })
+  ] });
+};
+var EllipsisMenu_default = EllipsisMenu;
+
+exports.EllipsisMenu = EllipsisMenu;
+exports.EllipsisMenuOption = EllipsisMenuOption;
+exports.EllipsisMenu_default = EllipsisMenu_default;
+//# sourceMappingURL=chunk-55KQFLN6.js.map
+//# sourceMappingURL=chunk-55KQFLN6.js.map

package/dist/chunk-55KQFLN6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/EllipsisMenu.tsx"],"names":["jsx","useState","useRef","useEffect","jsxs","Box","VStack","Children","isValidElement","cloneElement","Text","Spinner"],"mappings":"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","file":"chunk-55KQFLN6.js","sourcesContent":["import { Box, Spinner, Text, VStack } from '@chakra-ui/react';\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nconst DotsVerticalIcon = ({ size = 20 }: { size?: number }) => (\n  <svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M10 10.833a.833.833 0 100-1.666.833.833 0 000 1.666zM10 5a.833.833 0 100-1.667A.833.833 0 0010 5zM10 16.667A.833.833 0 1010 15a.833.833 0 000 1.667z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.667\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\ninterface EllipsisMenuProps {\n  children: ReactNode;\n}\n\ninterface EllipsisMenuOptionProps {\n  text: string;\n  onClick: () => void;\n  color?: string;\n  loading?: boolean;\n}\n\nexport const EllipsisMenu = ({ children }: EllipsisMenuProps) => {\n  const [showDropdown, setShowDropdown] = useState(false);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        setShowDropdown(false);\n      }\n    };\n\n    if (showDropdown) {\n      document.addEventListener('mousedown', handleClickOutside);\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [showDropdown]);\n\n  return (\n    <Box position={'relative'} ref={menuRef}>\n      <Box\n        padding={'2px'}\n        tabIndex={0}\n        color=\"contentPrimaryStrong\"\n        onKeyDown={(e) => {\n          e.stopPropagation();\n        }}\n        onClick={(event) => {\n          event.stopPropagation(); // Prevents parent click event\n          setShowDropdown(true);\n        }}\n      >\n        <DotsVerticalIcon />\n      </Box>\n      {showDropdown && (\n        <VStack\n          position=\"absolute\"\n          right=\"10px\"\n          top=\"5px\"\n          bg=\"white\"\n          rounded=\"8px\"\n          border=\"1px solid\"\n          borderColor={'borderSecondary'}\n          zIndex=\"10\"\n          boxShadow=\"0px 4px 4px rgba(0, 0, 0, 0.05)\"\n          width={'216px'}\n          gap={0}\n          overflow={'scroll'}\n          css={{\n            '&::-webkit-scrollbar': { display: 'none' },\n            scrollbarWidth: 'none',\n            msOverflowStyle: 'none',\n          }}\n        >\n          {Children.map(children, (child) => {\n            if (!isValidElement(child)) {\n              return child;\n            }\n\n            const originalOnClick = (child.props as { onClick?: () => void }).onClick;\n\n            const handleClick = () => {\n              setShowDropdown(false);\n              if (typeof originalOnClick === 'function') {\n                originalOnClick();\n              }\n            };\n\n            return cloneElement(child as ReactElement<{ onClick?: () => void }>, {\n              onClick: handleClick,\n            });\n          })}\n        </VStack>\n      )}\n    </Box>\n  );\n};\n\nexport const EllipsisMenuOption = ({\n  text,\n  onClick,\n  color = 'contentPrimaryStrong',\n  loading = false,\n}: EllipsisMenuOptionProps) => {\n  return (\n    <Box display={'flex'} justifyContent={'space-between'} width={'100%'} _hover={{ background: 'backgroundBase1' }}>\n      <Text\n        tabIndex={0}\n        fontSize=\"14px\"\n        color={loading ? 'contentPrimarySubtle' : color}\n        cursor={loading ? 'not-allowed' : 'pointer'}\n        width={'full'}\n        onClick={onClick}\n        textAlign={'start'}\n        px={2}\n        py={1.5}\n      >\n        {text}\n      </Text>\n      {loading && <Spinner size=\"sm\" color=\"contentPrimarySubtle\" alignSelf=\"center\" mr={2} />}\n    </Box>\n  );\n};\n\nexport default EllipsisMenu;\n"]}

package/dist/chunk-EBQK5NBX.js

@@ -0,0 +1,213 @@
+'use strict';
+
+var react = require('@chakra-ui/react');
+var React = require('react');
+var ReactMarkdown = require('react-markdown');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
+
+// src/Tooltip.tsx
+var TooltipPrimitive = React__namespace.forwardRef(function TooltipPrimitive2(props, ref) {
+  const {
+    showArrow,
+    hasArrow,
+    children,
+    disabled,
+    isDisabled,
+    portalled = true,
+    content,
+    label,
+    contentProps,
+    portalRef,
+    open,
+    isOpen,
+    placement,
+    offset,
+    closeOnClick,
+    fontSize,
+    width,
+    w,
+    bg,
+    color,
+    px,
+    py,
+    borderRadius,
+    boxShadow,
+    zIndex,
+    alignSelf,
+    openOnClick,
+    clickOpenDurationMs = 900,
+    fullWidthTrigger = false,
+    openDelay = 0,
+    closeDelay = 0,
+    ...rest
+  } = props;
+  const shouldOpenTooltipOnClick = typeof window !== "undefined" && (navigator.maxTouchPoints > 0 || window.matchMedia?.("(pointer: coarse)")?.matches === true || window.matchMedia?.("(hover: none)")?.matches === true);
+  const resolvedOpenOnClick = openOnClick ?? shouldOpenTooltipOnClick;
+  const [manualOpen, setManualOpen] = React__namespace.useState(false);
+  const manualOpenTimeoutRef = React__namespace.useRef(null);
+  const triggerRef = React__namespace.useRef(null);
+  const contentRef = React__namespace.useRef(null);
+  const clearManualOpenTimeout = React__namespace.useCallback(() => {
+    if (manualOpenTimeoutRef.current !== null) {
+      window.clearTimeout(manualOpenTimeoutRef.current);
+      manualOpenTimeoutRef.current = null;
+    }
+  }, []);
+  React__namespace.useEffect(
+    () => () => {
+      clearManualOpenTimeout();
+    },
+    [clearManualOpenTimeout]
+  );
+  React__namespace.useEffect(() => {
+    if (!resolvedOpenOnClick || !manualOpen) return;
+    const onPointerDownCapture = (e) => {
+      const t = e.target;
+      if (!(t instanceof Node)) return;
+      if (triggerRef.current?.contains(t)) return;
+      if (contentRef.current?.contains(t)) return;
+      setManualOpen(false);
+      clearManualOpenTimeout();
+    };
+    document.addEventListener("pointerdown", onPointerDownCapture, true);
+    return () => document.removeEventListener("pointerdown", onPointerDownCapture, true);
+  }, [clearManualOpenTimeout, manualOpen, resolvedOpenOnClick]);
+  const isTooltipDisabled = disabled ?? isDisabled ?? false;
+  if (isTooltipDisabled) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  const tooltipContent = content ?? label;
+  if (!tooltipContent) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  const positioning = placement !== void 0 || offset !== void 0 ? {
+    ...rest.positioning ?? {},
+    ...placement !== void 0 ? { placement } : {},
+    ...offset !== void 0 ? { offset } : {}
+  } : rest.positioning;
+  const mergedContentProps = {
+    fontSize,
+    width,
+    w,
+    bg,
+    color,
+    px,
+    py,
+    borderRadius,
+    boxShadow,
+    zIndex,
+    alignSelf,
+    ...contentProps
+  };
+  const openTooltipOnClick = () => {
+    if (!resolvedOpenOnClick) {
+      return;
+    }
+    setManualOpen(true);
+    clearManualOpenTimeout();
+    manualOpenTimeoutRef.current = window.setTimeout(() => {
+      setManualOpen(false);
+      manualOpenTimeoutRef.current = null;
+    }, clickOpenDurationMs);
+  };
+  const triggerChild = /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ref: triggerRef,
+      onClick: resolvedOpenOnClick ? openTooltipOnClick : void 0,
+      style: {
+        display: fullWidthTrigger ? "flex" : "inline-flex",
+        width: fullWidthTrigger ? "100%" : void 0,
+        alignItems: "center",
+        justifyContent: "center",
+        minWidth: resolvedOpenOnClick && !fullWidthTrigger ? 44 : void 0,
+        minHeight: resolvedOpenOnClick && !fullWidthTrigger ? 44 : void 0,
+        cursor: "pointer",
+        WebkitTapHighlightColor: "transparent",
+        color: "var(--chakra-colors-contentPrimaryStrong)"
+      },
+      children
+    }
+  );
+  const rootProps = {
+    ...rest,
+    open: isOpen ?? open ?? (manualOpen ? true : void 0),
+    openDelay,
+    closeDelay,
+    positioning,
+    ...closeOnClick === false ? { closeOnPointerDown: false } : {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Tooltip.Root, { ...rootProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.Trigger, { asChild: true, children: triggerChild }),
+    /* @__PURE__ */ jsxRuntime.jsx(react.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      react.Tooltip.Content,
+      {
+        ref: (node) => {
+          contentRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
+        ...mergedContentProps,
+        children: [
+          (showArrow || hasArrow) && /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.Arrow, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Tooltip.ArrowTip, {}) }),
+          tooltipContent
+        ]
+      }
+    ) }) })
+  ] });
+});
+var Tooltip = ({ label, children, ...props }) => {
+  const isTouch = react.useBreakpointValue({ base: true, lg: false }) ?? true;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TooltipPrimitive,
+    {
+      openOnClick: isTouch,
+      clickOpenDurationMs: isTouch ? 2500 : void 0,
+      content: label ? /* @__PURE__ */ jsxRuntime.jsx(react.VStack, { align: "start", gap: 2, maxW: "280px", children: /* @__PURE__ */ jsxRuntime.jsx(
+        ReactMarkdown__default.default,
+        {
+          components: {
+            p: ({ children: children2 }) => /* @__PURE__ */ jsxRuntime.jsx(react.Text, { color: "inherit", children: children2 }),
+            strong: ({ children: children2 }) => /* @__PURE__ */ jsxRuntime.jsx(react.Text, { color: "inherit", display: "block", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("b", { children: children2 }) }),
+            ul: ({ children: children2 }) => /* @__PURE__ */ jsxRuntime.jsx(react.VStack, { as: "ul", align: "start", gap: 1, pl: 4, children: children2 }),
+            li: ({ children: children2 }) => /* @__PURE__ */ jsxRuntime.jsx(react.Text, { color: "inherit", as: "li", ml: 2, fontSize: "sm", lineHeight: "short", children: children2 }),
+            a: ({ href, children: children2 }) => /* @__PURE__ */ jsxRuntime.jsx(react.Link, { href: href ?? "#", target: "_blank", color: "blue.200", children: children2 })
+          },
+          children: label
+        }
+      ) }) : null,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "span", display: "inline-block", cursor: "default", _hover: { cursor: "pointer" }, children }) })
+    }
+  );
+};
+var Tooltip_default = Tooltip;
+
+exports.Tooltip = Tooltip;
+exports.TooltipPrimitive = TooltipPrimitive;
+exports.Tooltip_default = Tooltip_default;
+//# sourceMappingURL=chunk-EBQK5NBX.js.map
+//# sourceMappingURL=chunk-EBQK5NBX.js.map