@kollegioai/ui 0.1.0

package/dist/index.mjs

@@ -0,0 +1,487 @@
+// src/Button.tsx
+import { Button as ChakraButton } from "@chakra-ui/react";
+import { forwardRef, useRef } from "react";
+import { jsxs } from "react/jsx-runtime";
+var VARIANT_STYLES = {
+  primary: {
+    bg: "backgroundPrimary",
+    color: "white",
+    border: "1px solid",
+    borderColor: "borderBrandOpacity30",
+    _hover: { bg: "backgroundPrimarySubtle" }
+  },
+  primaryStrong: {
+    bg: "contentPrimaryStrong",
+    color: "white",
+    border: "1px solid",
+    borderColor: "borderBrandOpacity30",
+    _hover: { bg: "backgroundPrimarySubtle" },
+    _active: { bg: "backgroundPrimarySubtle" }
+  },
+  accent: {
+    bg: "backgroundAIAccent",
+    color: "white",
+    border: "1px solid",
+    borderColor: "borderBrandOpacity30",
+    _hover: { bg: "backgroundAIAccent", opacity: 0.65 }
+  },
+  outline: {
+    bg: "white",
+    border: "1px solid",
+    borderColor: "borderBrand",
+    color: "contentPrimaryStrong",
+    _hover: { bg: "white", borderColor: "borderBrand" }
+  },
+  secondary: {
+    bg: "backgroundSuccessAccent",
+    color: "contentPrimaryStrong",
+    border: "1px solid",
+    borderColor: "borderBrandOpacity30",
+    _hover: { bg: "backgroundBase3" }
+  },
+  tertiary: {
+    display: "flex",
+    gap: "16px",
+    alignItems: "center",
+    border: "none",
+    background: "none",
+    padding: "unset",
+    color: "contentPrimarySubtle",
+    fontSize: "14px",
+    _hover: { border: "none", background: "none", textDecoration: "underline" }
+  },
+  light: {
+    color: "contentPrimary",
+    background: "white",
+    border: "1px solid",
+    borderColor: "borderSecondary",
+    _hover: { background: "gray.50", borderColor: "borderSecondary" }
+  },
+  ghost: {
+    bg: "transparent",
+    color: "contentPrimaryStrong",
+    border: "none",
+    boxShadow: "none",
+    _hover: { bg: "transparent" }
+  },
+  oauth: {
+    bg: "white",
+    color: "primaryDark",
+    border: "1px solid",
+    borderColor: "borderSecondary",
+    borderRadius: "8px",
+    _hover: { borderColor: "borderBrand" }
+  },
+  logOut: {
+    border: "1px solid",
+    borderRadius: "xl",
+    borderColor: "black",
+    color: "black",
+    bg: "backgroundBase2",
+    _hover: { bg: "#FFE6E4" }
+  }
+};
+var SIZE_STYLES = {
+  sm: {
+    h: "26px",
+    minH: "26px",
+    px: "10px",
+    fontSize: "12px",
+    lineHeight: "150%",
+    borderRadius: "6px"
+  },
+  md: {
+    h: "auto",
+    minH: "unset",
+    py: "8px",
+    px: "12px",
+    fontSize: "14px",
+    lineHeight: "140%",
+    borderRadius: "4px"
+  },
+  lg: {
+    h: "40px",
+    minH: "40px",
+    py: "12px",
+    px: "12px",
+    fontSize: "14px",
+    lineHeight: "140%",
+    borderRadius: "8px"
+  }
+};
+var Button = forwardRef(function Button2({
+  variant = "primary",
+  buttonSize,
+  fullWidth,
+  isLoading,
+  leftIcon,
+  rightIcon,
+  children,
+  display,
+  alignItems,
+  gap,
+  flexShrink,
+  w,
+  width,
+  enableTouchEndClickFix = false,
+  disabled,
+  onClick,
+  onTouchEnd,
+  ...rest
+}, ref) {
+  const hasIcons = Boolean(leftIcon || rightIcon);
+  const didFireTouchRef = useRef(false);
+  const resolvedButtonSize = buttonSize ?? (variant === "oauth" ? void 0 : "md");
+  const handleTouchEnd = enableTouchEndClickFix ? (e) => {
+    onTouchEnd?.(e);
+    if (disabled) return;
+    e.preventDefault();
+    didFireTouchRef.current = true;
+    onClick?.(e);
+  } : onTouchEnd;
+  const handleClick = (e) => {
+    if (enableTouchEndClickFix && didFireTouchRef.current) {
+      didFireTouchRef.current = false;
+      return;
+    }
+    onClick?.(e);
+  };
+  return /* @__PURE__ */ jsxs(
+    ChakraButton,
+    {
+      ref,
+      type: "button",
+      variant: "solid",
+      loading: isLoading,
+      disabled,
+      onClick: handleClick,
+      onTouchEnd: handleTouchEnd,
+      display: display ?? (hasIcons ? "inline-flex" : void 0),
+      alignItems: alignItems ?? (hasIcons ? "center" : void 0),
+      gap: gap ?? (hasIcons ? "4px" : void 0),
+      flexShrink: flexShrink ?? 0,
+      w: w ?? width ?? (fullWidth ? "full" : void 0),
+      width: width ?? (fullWidth && w == null ? "full" : void 0),
+      ...VARIANT_STYLES[variant],
+      ...resolvedButtonSize ? SIZE_STYLES[resolvedButtonSize] : {},
+      ...rest,
+      children: [
+        leftIcon,
+        children,
+        rightIcon
+      ]
+    }
+  );
+});
+var Button_default = Button;
+
+// src/Tooltip.tsx
+import { Box, Link, Text, Tooltip as ChakraTooltip, Portal, VStack, useBreakpointValue } from "@chakra-ui/react";
+import * as React from "react";
+import ReactMarkdown from "react-markdown";
+import { Fragment, jsx, jsxs as jsxs2 } from "react/jsx-runtime";
+var TooltipPrimitive = React.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.useState(false);
+  const manualOpenTimeoutRef = React.useRef(null);
+  const triggerRef = React.useRef(null);
+  const contentRef = React.useRef(null);
+  const clearManualOpenTimeout = React.useCallback(() => {
+    if (manualOpenTimeoutRef.current !== null) {
+      window.clearTimeout(manualOpenTimeoutRef.current);
+      manualOpenTimeoutRef.current = null;
+    }
+  }, []);
+  React.useEffect(
+    () => () => {
+      clearManualOpenTimeout();
+    },
+    [clearManualOpenTimeout]
+  );
+  React.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__ */ jsx(Fragment, { children });
+  }
+  const tooltipContent = content ?? label;
+  if (!tooltipContent) {
+    return /* @__PURE__ */ jsx(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__ */ 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__ */ jsxs2(ChakraTooltip.Root, { ...rootProps, children: [
+    /* @__PURE__ */ jsx(ChakraTooltip.Trigger, { asChild: true, children: triggerChild }),
+    /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraTooltip.Positioner, { children: /* @__PURE__ */ jsxs2(
+      ChakraTooltip.Content,
+      {
+        ref: (node) => {
+          contentRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
+        ...mergedContentProps,
+        children: [
+          (showArrow || hasArrow) && /* @__PURE__ */ jsx(ChakraTooltip.Arrow, { children: /* @__PURE__ */ jsx(ChakraTooltip.ArrowTip, {}) }),
+          tooltipContent
+        ]
+      }
+    ) }) })
+  ] });
+});
+var Tooltip = ({ label, children, ...props }) => {
+  const isTouch = useBreakpointValue({ base: true, lg: false }) ?? true;
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive,
+    {
+      openOnClick: isTouch,
+      clickOpenDurationMs: isTouch ? 2500 : void 0,
+      content: label ? /* @__PURE__ */ jsx(VStack, { align: "start", gap: 2, maxW: "280px", children: /* @__PURE__ */ jsx(
+        ReactMarkdown,
+        {
+          components: {
+            p: ({ children: children2 }) => /* @__PURE__ */ jsx(Text, { color: "inherit", children: children2 }),
+            strong: ({ children: children2 }) => /* @__PURE__ */ jsx(Text, { color: "inherit", display: "block", asChild: true, children: /* @__PURE__ */ jsx("b", { children: children2 }) }),
+            ul: ({ children: children2 }) => /* @__PURE__ */ jsx(VStack, { as: "ul", align: "start", gap: 1, pl: 4, children: children2 }),
+            li: ({ children: children2 }) => /* @__PURE__ */ jsx(Text, { color: "inherit", as: "li", ml: 2, fontSize: "sm", lineHeight: "short", children: children2 }),
+            a: ({ href, children: children2 }) => /* @__PURE__ */ jsx(Link, { href: href ?? "#", target: "_blank", color: "blue.200", children: children2 })
+          },
+          children: label
+        }
+      ) }) : null,
+      ...props,
+      children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Box, { as: "span", display: "inline-block", cursor: "default", _hover: { cursor: "pointer" }, children }) })
+    }
+  );
+};
+
+// src/EllipsisMenu.tsx
+import { Box as Box2, Spinner, Text as Text2, VStack as VStack2 } from "@chakra-ui/react";
+import {
+  Children,
+  cloneElement,
+  isValidElement,
+  useEffect as useEffect2,
+  useRef as useRef3,
+  useState as useState2
+} from "react";
+import { jsx as jsx2, jsxs as jsxs3 } from "react/jsx-runtime";
+var DotsVerticalIcon = ({ size = 20 }) => /* @__PURE__ */ jsx2("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx2(
+  "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] = useState2(false);
+  const menuRef = useRef3(null);
+  useEffect2(() => {
+    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__ */ jsxs3(Box2, { position: "relative", ref: menuRef, children: [
+    /* @__PURE__ */ jsx2(
+      Box2,
+      {
+        padding: "2px",
+        tabIndex: 0,
+        color: "contentPrimaryStrong",
+        onKeyDown: (e) => {
+          e.stopPropagation();
+        },
+        onClick: (event) => {
+          event.stopPropagation();
+          setShowDropdown(true);
+        },
+        children: /* @__PURE__ */ jsx2(DotsVerticalIcon, {})
+      }
+    ),
+    showDropdown && /* @__PURE__ */ jsx2(
+      VStack2,
+      {
+        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: Children.map(children, (child) => {
+          if (!isValidElement(child)) {
+            return child;
+          }
+          const originalOnClick = child.props.onClick;
+          const handleClick = () => {
+            setShowDropdown(false);
+            if (typeof originalOnClick === "function") {
+              originalOnClick();
+            }
+          };
+          return cloneElement(child, {
+            onClick: handleClick
+          });
+        })
+      }
+    )
+  ] });
+};
+var EllipsisMenuOption = ({
+  text,
+  onClick,
+  color = "contentPrimaryStrong",
+  loading = false
+}) => {
+  return /* @__PURE__ */ jsxs3(Box2, { display: "flex", justifyContent: "space-between", width: "100%", _hover: { background: "backgroundBase1" }, children: [
+    /* @__PURE__ */ jsx2(
+      Text2,
+      {
+        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__ */ jsx2(Spinner, { size: "sm", color: "contentPrimarySubtle", alignSelf: "center", mr: 2 })
+  ] });
+};
+export {
+  Button,
+  EllipsisMenu,
+  EllipsisMenuOption,
+  Button_default as KollegioButton,
+  Tooltip,
+  TooltipPrimitive
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Button.tsx","../src/Tooltip.tsx","../src/EllipsisMenu.tsx"],"sourcesContent":["import { Button as ChakraButton, type ButtonProps } from '@chakra-ui/react';\nimport { forwardRef, useRef, type MouseEvent, type ReactNode } from 'react';\n\n/**\n * Variant set merged from both product apps:\n * - client-src: primary, primaryStrong, accent, outline, secondary, ghost, oauth, logOut\n * - counsellor: tertiary, light (its \"secondary\" mapped to `outline`)\n *\n * Components reference kollegio token NAMES (e.g. `backgroundPrimary`). The consuming\n * app's Chakra `createSystem` must include the @kollegioai/tokens colors.\n */\nexport type KollegioButtonVariant =\n  | 'primary'\n  | 'primaryStrong'\n  | 'accent'\n  | 'outline'\n  | 'secondary'\n  | 'tertiary'\n  | 'light'\n  | 'ghost'\n  | 'oauth'\n  | 'logOut';\n\nexport type KollegioButtonSize = 'sm' | 'md' | 'lg';\n\nconst VARIANT_STYLES: Record<KollegioButtonVariant, ButtonProps> = {\n  primary: {\n    bg: 'backgroundPrimary',\n    color: 'white',\n    border: '1px solid',\n    borderColor: 'borderBrandOpacity30',\n    _hover: { bg: 'backgroundPrimarySubtle' },\n  },\n  primaryStrong: {\n    bg: 'contentPrimaryStrong',\n    color: 'white',\n    border: '1px solid',\n    borderColor: 'borderBrandOpacity30',\n    _hover: { bg: 'backgroundPrimarySubtle' },\n    _active: { bg: 'backgroundPrimarySubtle' },\n  },\n  accent: {\n    bg: 'backgroundAIAccent',\n    color: 'white',\n    border: '1px solid',\n    borderColor: 'borderBrandOpacity30',\n    _hover: { bg: 'backgroundAIAccent', opacity: 0.65 },\n  },\n  outline: {\n    bg: 'white',\n    border: '1px solid',\n    borderColor: 'borderBrand',\n    color: 'contentPrimaryStrong',\n    _hover: { bg: 'white', borderColor: 'borderBrand' },\n  },\n  secondary: {\n    bg: 'backgroundSuccessAccent',\n    color: 'contentPrimaryStrong',\n    border: '1px solid',\n    borderColor: 'borderBrandOpacity30',\n    _hover: { bg: 'backgroundBase3' },\n  },\n  tertiary: {\n    display: 'flex',\n    gap: '16px',\n    alignItems: 'center',\n    border: 'none',\n    background: 'none',\n    padding: 'unset',\n    color: 'contentPrimarySubtle',\n    fontSize: '14px',\n    _hover: { border: 'none', background: 'none', textDecoration: 'underline' },\n  },\n  light: {\n    color: 'contentPrimary',\n    background: 'white',\n    border: '1px solid',\n    borderColor: 'borderSecondary',\n    _hover: { background: 'gray.50', borderColor: 'borderSecondary' },\n  },\n  ghost: {\n    bg: 'transparent',\n    color: 'contentPrimaryStrong',\n    border: 'none',\n    boxShadow: 'none',\n    _hover: { bg: 'transparent' },\n  },\n  oauth: {\n    bg: 'white',\n    color: 'primaryDark',\n    border: '1px solid',\n    borderColor: 'borderSecondary',\n    borderRadius: '8px',\n    _hover: { borderColor: 'borderBrand' },\n  },\n  logOut: {\n    border: '1px solid',\n    borderRadius: 'xl',\n    borderColor: 'black',\n    color: 'black',\n    bg: 'backgroundBase2',\n    _hover: { bg: '#FFE6E4' },\n  },\n};\n\nconst SIZE_STYLES: Record<KollegioButtonSize, ButtonProps> = {\n  sm: {\n    h: '26px',\n    minH: '26px',\n    px: '10px',\n    fontSize: '12px',\n    lineHeight: '150%',\n    borderRadius: '6px',\n  },\n  md: {\n    h: 'auto',\n    minH: 'unset',\n    py: '8px',\n    px: '12px',\n    fontSize: '14px',\n    lineHeight: '140%',\n    borderRadius: '4px',\n  },\n  lg: {\n    h: '40px',\n    minH: '40px',\n    py: '12px',\n    px: '12px',\n    fontSize: '14px',\n    lineHeight: '140%',\n    borderRadius: '8px',\n  },\n};\n\nexport type KollegioButtonProps = Omit<ButtonProps, 'variant'> & {\n  variant?: KollegioButtonVariant;\n  /** Kollegio sizing preset — not Chakra's `size` prop. */\n  buttonSize?: KollegioButtonSize;\n  fullWidth?: boolean;\n  isLoading?: boolean;\n  leftIcon?: ReactNode;\n  rightIcon?: ReactNode;\n  /** iOS Safari: fire on touchend so fixed/mobile CTAs respond reliably. */\n  enableTouchEndClickFix?: boolean;\n};\n\nexport const Button = forwardRef<HTMLButtonElement, KollegioButtonProps>(function Button(\n  {\n    variant = 'primary',\n    buttonSize,\n    fullWidth,\n    isLoading,\n    leftIcon,\n    rightIcon,\n    children,\n    display,\n    alignItems,\n    gap,\n    flexShrink,\n    w,\n    width,\n    enableTouchEndClickFix = false,\n    disabled,\n    onClick,\n    onTouchEnd,\n    ...rest\n  },\n  ref,\n) {\n  const hasIcons = Boolean(leftIcon || rightIcon);\n  const didFireTouchRef = useRef(false);\n  const resolvedButtonSize = buttonSize ?? (variant === 'oauth' ? undefined : 'md');\n\n  const handleTouchEnd: ButtonProps['onTouchEnd'] = enableTouchEndClickFix\n    ? (e) => {\n        onTouchEnd?.(e);\n        if (disabled) return;\n        e.preventDefault();\n        didFireTouchRef.current = true;\n        onClick?.(e as unknown as MouseEvent<HTMLButtonElement>);\n      }\n    : onTouchEnd;\n\n  const handleClick: ButtonProps['onClick'] = (e) => {\n    if (enableTouchEndClickFix && didFireTouchRef.current) {\n      didFireTouchRef.current = false;\n      return;\n    }\n    onClick?.(e);\n  };\n\n  return (\n    <ChakraButton\n      ref={ref}\n      type=\"button\"\n      variant=\"solid\"\n      loading={isLoading}\n      disabled={disabled}\n      onClick={handleClick}\n      onTouchEnd={handleTouchEnd}\n      display={display ?? (hasIcons ? 'inline-flex' : undefined)}\n      alignItems={alignItems ?? (hasIcons ? 'center' : undefined)}\n      gap={gap ?? (hasIcons ? '4px' : undefined)}\n      flexShrink={flexShrink ?? 0}\n      w={w ?? width ?? (fullWidth ? 'full' : undefined)}\n      width={width ?? (fullWidth && w == null ? 'full' : undefined)}\n      {...VARIANT_STYLES[variant]}\n      {...(resolvedButtonSize ? SIZE_STYLES[resolvedButtonSize] : {})}\n      {...rest}\n    >\n      {leftIcon}\n      {children}\n      {rightIcon}\n    </ChakraButton>\n  );\n});\n\nexport default Button;\n","import { Box, Link, Text, Tooltip as ChakraTooltip, Portal, VStack, useBreakpointValue } from '@chakra-ui/react';\nimport * as React from 'react';\nimport ReactMarkdown from 'react-markdown';\n\ntype TooltipPositioning = NonNullable<ChakraTooltip.RootProps['positioning']>;\ntype TooltipPlacement = TooltipPositioning['placement'];\ntype TooltipOffset = TooltipPositioning['offset'];\n\nexport interface TooltipProps extends Omit<ChakraTooltip.RootProps, 'children' | 'open'> {\n  children: React.ReactNode;\n  showArrow?: boolean;\n  hasArrow?: boolean;\n  portalled?: boolean;\n  portalRef?: React.RefObject<HTMLElement | null>;\n  content?: React.ReactNode;\n  label?: React.ReactNode;\n  contentProps?: ChakraTooltip.ContentProps;\n  disabled?: boolean;\n  isDisabled?: boolean;\n  open?: boolean;\n  isOpen?: boolean;\n  placement?: TooltipPlacement;\n  offset?: TooltipOffset;\n  closeOnClick?: boolean;\n  fontSize?: ChakraTooltip.ContentProps['fontSize'];\n  width?: ChakraTooltip.ContentProps['width'];\n  w?: ChakraTooltip.ContentProps['w'];\n  bg?: ChakraTooltip.ContentProps['bg'];\n  color?: ChakraTooltip.ContentProps['color'];\n  px?: ChakraTooltip.ContentProps['px'];\n  py?: ChakraTooltip.ContentProps['py'];\n  borderRadius?: ChakraTooltip.ContentProps['borderRadius'];\n  boxShadow?: ChakraTooltip.ContentProps['boxShadow'];\n  zIndex?: ChakraTooltip.ContentProps['zIndex'];\n  alignSelf?: ChakraTooltip.ContentProps['alignSelf'];\n  openOnClick?: boolean;\n  clickOpenDurationMs?: number;\n  fullWidthTrigger?: boolean;\n}\n\n/** Low-level Chakra v3 tooltip primitive. Prefer `Tooltip` (the markdown wrapper) for app usage. */\nexport const TooltipPrimitive = React.forwardRef<HTMLDivElement, TooltipProps>(function TooltipPrimitive(\n  props,\n  ref,\n) {\n  const {\n    showArrow,\n    hasArrow,\n    children,\n    disabled,\n    isDisabled,\n    portalled = true,\n    content,\n    label,\n    contentProps,\n    portalRef,\n    open,\n    isOpen,\n    placement,\n    offset,\n    closeOnClick,\n    fontSize,\n    width,\n    w,\n    bg,\n    color,\n    px,\n    py,\n    borderRadius,\n    boxShadow,\n    zIndex,\n    alignSelf,\n    openOnClick,\n    clickOpenDurationMs = 900,\n    fullWidthTrigger = false,\n    openDelay = 0,\n    closeDelay = 0,\n    ...rest\n  } = props;\n\n  // Tap-to-open when hover is unreliable (phones, many tablets). iOS can still report `(hover: hover)`,\n  // so rely on maxTouchPoints / coarse pointer — not hover alone.\n  const shouldOpenTooltipOnClick =\n    typeof window !== 'undefined' &&\n    (navigator.maxTouchPoints > 0 ||\n      window.matchMedia?.('(pointer: coarse)')?.matches === true ||\n      window.matchMedia?.('(hover: none)')?.matches === true);\n  const resolvedOpenOnClick = openOnClick ?? shouldOpenTooltipOnClick;\n\n  const [manualOpen, setManualOpen] = React.useState(false);\n  const manualOpenTimeoutRef = React.useRef<number | null>(null);\n  const triggerRef = React.useRef<HTMLSpanElement | null>(null);\n  const contentRef = React.useRef<HTMLDivElement | null>(null);\n\n  const clearManualOpenTimeout = React.useCallback(() => {\n    if (manualOpenTimeoutRef.current !== null) {\n      window.clearTimeout(manualOpenTimeoutRef.current);\n      manualOpenTimeoutRef.current = null;\n    }\n  }, []);\n\n  React.useEffect(\n    () => () => {\n      clearManualOpenTimeout();\n    },\n    [clearManualOpenTimeout],\n  );\n\n  // When opened via tap/click, close on any outside click/tap.\n  React.useEffect(() => {\n    if (!resolvedOpenOnClick || !manualOpen) return;\n\n    const onPointerDownCapture = (e: PointerEvent) => {\n      const t = e.target;\n      if (!(t instanceof Node)) return;\n      if (triggerRef.current?.contains(t)) return;\n      if (contentRef.current?.contains(t)) return;\n      setManualOpen(false);\n      clearManualOpenTimeout();\n    };\n\n    document.addEventListener('pointerdown', onPointerDownCapture, true);\n    return () => document.removeEventListener('pointerdown', onPointerDownCapture, true);\n  }, [clearManualOpenTimeout, manualOpen, resolvedOpenOnClick]);\n\n  const isTooltipDisabled = disabled ?? isDisabled ?? false;\n  if (isTooltipDisabled) {\n    return <>{children}</>;\n  }\n\n  const tooltipContent = content ?? label;\n  if (!tooltipContent) {\n    return <>{children}</>;\n  }\n\n  const positioning =\n    placement !== undefined || offset !== undefined\n      ? {\n          ...(rest.positioning ?? {}),\n          ...(placement !== undefined ? { placement } : {}),\n          ...(offset !== undefined ? { offset } : {}),\n        }\n      : rest.positioning;\n\n  const mergedContentProps: ChakraTooltip.ContentProps = {\n    fontSize,\n    width,\n    w,\n    bg,\n    color,\n    px,\n    py,\n    borderRadius,\n    boxShadow,\n    zIndex,\n    alignSelf,\n    ...contentProps,\n  };\n\n  const openTooltipOnClick = () => {\n    if (!resolvedOpenOnClick) {\n      return;\n    }\n    setManualOpen(true);\n    clearManualOpenTimeout();\n    manualOpenTimeoutRef.current = window.setTimeout(() => {\n      setManualOpen(false);\n      manualOpenTimeoutRef.current = null;\n    }, clickOpenDurationMs);\n  };\n\n  const triggerChild = (\n    <span\n      ref={triggerRef}\n      onClick={resolvedOpenOnClick ? openTooltipOnClick : undefined}\n      style={{\n        display: fullWidthTrigger ? 'flex' : 'inline-flex',\n        width: fullWidthTrigger ? '100%' : undefined,\n        alignItems: 'center',\n        justifyContent: 'center',\n        minWidth: resolvedOpenOnClick && !fullWidthTrigger ? 44 : undefined,\n        minHeight: resolvedOpenOnClick && !fullWidthTrigger ? 44 : undefined,\n        cursor: 'pointer',\n        WebkitTapHighlightColor: 'transparent',\n        color: 'var(--chakra-colors-contentPrimaryStrong)',\n      }}\n    >\n      {children}\n    </span>\n  );\n\n  const rootProps: ChakraTooltip.RootProps = {\n    ...rest,\n    open: isOpen ?? open ?? (manualOpen ? true : undefined),\n    openDelay,\n    closeDelay,\n    positioning,\n    ...(closeOnClick === false ? { closeOnPointerDown: false } : {}),\n  };\n\n  return (\n    <ChakraTooltip.Root {...rootProps}>\n      <ChakraTooltip.Trigger asChild>{triggerChild}</ChakraTooltip.Trigger>\n      <Portal disabled={!portalled} container={portalRef}>\n        <ChakraTooltip.Positioner>\n          <ChakraTooltip.Content\n            ref={(node) => {\n              contentRef.current = node;\n              if (typeof ref === 'function') ref(node);\n              else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n            }}\n            {...mergedContentProps}\n          >\n            {(showArrow || hasArrow) && (\n              <ChakraTooltip.Arrow>\n                <ChakraTooltip.ArrowTip />\n              </ChakraTooltip.Arrow>\n            )}\n            {tooltipContent}\n          </ChakraTooltip.Content>\n        </ChakraTooltip.Positioner>\n      </Portal>\n    </ChakraTooltip.Root>\n  );\n});\n\ninterface KollegioTooltipProps extends Omit<TooltipProps, 'content' | 'children'> {\n  label?: string;\n  children: React.ReactNode;\n}\n\n/** Brand tooltip: renders markdown `label`, tap-to-open on touch devices. */\nexport const Tooltip = ({ label, children, ...props }: KollegioTooltipProps) => {\n  // On touch devices there is no hover; enable tap-to-open.\n  const isTouch = useBreakpointValue({ base: true, lg: false }) ?? true;\n  return (\n    <TooltipPrimitive\n      openOnClick={isTouch}\n      // Give users time to read on mobile before auto-closing.\n      clickOpenDurationMs={isTouch ? 2500 : undefined}\n      content={\n        label ? (\n          <VStack align=\"start\" gap={2} maxW=\"280px\">\n            <ReactMarkdown\n              components={{\n                p: ({ children }) => <Text color={'inherit'}>{children}</Text>,\n                strong: ({ children }) => (\n                  <Text color={'inherit'} display=\"block\" asChild>\n                    <b>{children}</b>\n                  </Text>\n                ),\n                ul: ({ children }) => (\n                  <VStack as=\"ul\" align=\"start\" gap={1} pl={4}>\n                    {children}\n                  </VStack>\n                ),\n                li: ({ children }) => (\n                  <Text color={'inherit'} as=\"li\" ml={2} fontSize=\"sm\" lineHeight=\"short\">\n                    {children}\n                  </Text>\n                ),\n                a: ({ href, children }) => (\n                  <Link href={href ?? '#'} target=\"_blank\" color=\"blue.200\">\n                    {children}\n                  </Link>\n                ),\n              }}\n            >\n              {label}\n            </ReactMarkdown>\n          </VStack>\n        ) : null\n      }\n      {...props}\n    >\n      <span>\n        <Box as=\"span\" display=\"inline-block\" cursor=\"default\" _hover={{ cursor: 'pointer' }}>\n          {children}\n        </Box>\n      </span>\n    </TooltipPrimitive>\n  );\n};\n\nexport default Tooltip;\n","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"],"mappings":"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","names":["Button","jsxs","TooltipPrimitive","children","Box","Text","VStack","useEffect","useRef","useState","jsx","jsxs"]}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@kollegioai/ui",
+  "version": "0.1.0",
+  "description": "Kollegio shared React components (Chakra UI v3)",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/KollegioAI/landing-v2.git"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@kollegioai/tokens": "^1.0.2",
+    "react-markdown": "^9.0.1"
+  },
+  "peerDependencies": {
+    "@chakra-ui/react": "^3",
+    "@emotion/react": "^11",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@chakra-ui/react": "^3.33.0",
+    "@emotion/react": "^11.14.0",
+    "@types/react": "^18.3.20",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsup": "^8.3.0",
+    "typescript": "^5.1.6"
+  }
+}